Javascript 如何使webshim日期选择器不可由用户编辑？

我正在使用此处列出的模板webshim from to datepicker：

html:

我对如何维护它做了一些结构上的更改，但总的来说，它与示例非常相似。这个实现的问题是，用户可以手动编辑datepicker文本框中的信息（单击链接可以看到）。如果用户从防止错误输入的框中选择两个日期，那么实现会做得很好，但是如果用户决定输入他们自己的数字，他们可以输入他们想要的任何内容，并且表单不会进行错误检查。表单阻止用户手动输入的唯一输入是结束日期是否早于开始日期，即使在这里，日期也必须正确格式化，以便进行错误检查。理想且最简单的修复方法是让用户无法编辑文本框。我试过了

contenteditable="false"

但它似乎对日期选择器没有影响。我对javascript和html非常陌生，所以我还不确定所有细节，因此非常感谢您的帮助

---

如果asp.net MVC与手头的问题有任何关联，我将使用它。

@Baruch这将禁用日期选择器本身，不幸的是：（.我希望用户能够选择一个日期，而不是输入自己的日期。嗯，我一直在尝试使用jquery keypress来防止默认设置（正在编写）但这似乎也不起作用。我认为你需要找到一种方法来制作它，这样它就可以检查用户是否编辑了它manually@Baruch这就是我害怕的>_

webshim.setOptions('forms', {
    lazyCustomMessages: true,
    addValidators: true
});
webshim.setOptions('forms-ext', {
    replaceUI: 'auto',
    types: 'date',
    date: {
        startView: 2,
        size: 2,
        classes: 'hide-spinbtns'
    }
});

//start polyfilling
webshim.polyfill('forms forms-ext');

//initial max/min attributes should be done serverside.
$(function(){
    $('#date-from, #date-to').prop('min', function(){
        return new Date().toJSON().split('T')[0];
    });
});

contenteditable="false"