我選擇的日期控件是: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");
浙公網安備 33010602011771號