我选择的日期控件是:bootstrap-datepicker(下载路径:https://github.com/Aymkdn/Datepicker-for-Bootstrap)
比较方便,实用。原来是英文的,我将它稍微改造了一下,替换了里面的英文,现在适合中国人用了。
网页中引用:
<link rel="Stylesheet" href="/Scripts/datepicker.css" /> <script type="text/javascript" src="/Scripts/bootstrap-datepicker.js"></script>
被绑定的输入框的HTML:(注意,input外层必须包一个div)
<div> <input type="text" id="BeginDate" class="form-control" data-type="日期" data-req="true" data-dbfield="BeginDate" /> </div>
绑定的代码:
$('#BeginDate').datepicker({ format: 'yyyy-mm-dd' });
建议绑定前,将文本框的输入功能锁定:
var command = { action: { lockInput: function (id) { $("#" + id).keypress(function () { event.keyCode = 0; event.returnValue = false; }); } } }; command.action.lockInput("BeginDate");