sunsoftresearch

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

 

分类:

技术点:

相关文章:

  • 2021-11-02
  • 2021-11-27
  • 2021-11-17
  • 2021-11-17
  • 2021-11-17
  • 2021-12-14
  • 2021-11-20
猜你喜欢
  • 2021-11-02
  • 2021-10-16
  • 2021-12-14
  • 2021-11-27
  • 2021-12-09
  • 2021-11-27
  • 2021-12-03
相关资源
相似解决方案