天下一家·MJ

博客园 首页 新随笔 联系 订阅 管理

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

 

posted on 2015-05-01 16:43  天下一家·MJ  阅读(217)  评论(0编辑  收藏  举报
友情链接Tkin的技术博客