zoukankan      html  css  js  c++  java
  • [JavaScript]配置日期选择控件

    我选择的日期控件是: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");
  • 相关阅读:
    写在寒假
    Docker安装Redis(两种方式)
    JVM类加载机制
    RabbitMQ学习
    MySQL索引详解
    Java内存区域
    Window10下的Docker Desktop安装(保姆级教程)
    JVM垃圾回收
    力扣Hot100(目前进度89/100)
    C# 发送邮件实例
  • 原文地址:https://www.cnblogs.com/sunsoftresearch/p/4470861.html
Copyright © 2011-2022 走看看