zoukankan      html  css  js  c++  java
  • 使用bootstrap的日期插件

    1.  需要用的js包点击下载,在项目中引入该js。

    <script language="JavaScript" src="${pageContext.request.contextPath}/js/bootstrap-datetimepicker.min.js"></script>
    <script language="JavaScript" src="${pageContext.request.contextPath}/js/bootstrap-datetimepicker.zh-CN.js"></script>

    2.需要使用到日期的文本框

      <label for="demoDate">结束日期</label>
      <input type="text" class="form-control" id="demoDate" name="demoDate" placeholder="结束日期" readonly><br/>

    3.在script中使用:

    <script type="text/javascript">
     $("#demoDate").datetimepicker({
            format: 'yyyy-mm-dd',
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            language: 'zh-CN',
            todayHighlight: 1,
            startView: 2,
            forceParse: 1,
            minView: "month"
        });
    </script>

    效果:

      如果帮助到您了,欢迎转载~

      大家有什么不明白的地方可以给我发送邮件共同探讨,有不足之处也望您及时指出!

      email: wdnnccey@gmail.com

      

  • 相关阅读:
    文件的增删改查
    集合的使用
    字典的使用
    字符串常用操作
    简单购物车程序练习题
    列表
    数据运算数据类型与
    模块初识
    数据库时间设置
    ubuntu 修改时区
  • 原文地址:https://www.cnblogs.com/wdnnccey/p/6131510.html
Copyright © 2011-2022 走看看