[JavaScript]配置日期选择控件

时间:2022-05-14 18:10:54

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