我选择的日期控件是: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");