• bootstrap-datepicker 不带时分秒的时间插件


    起止时间设置

    HTML:

     1     <link rel="stylesheet" href="cssLib/bootstrap-datepicker.css">
     2     <script type="text/javascript" src="jsLib/bootstrap-datepicker.js"></script>
     3     <script type="text/javascript" src="jsLib/bootstrap-datepicker.zh-CN.js"></script>
     4 
     5 
     6                     <div class="input-group date" data-provide="datepicker">
     7                         <input type="text" class="form-control">
     8                         <div class="input-group-addon">
     9                             <span class="glyphicon glyphicon-th"></span>
    10                         </div>
    11                     </div>
    12                     <div class="input-daterange input-group" id="datepicker">
    13                         <input type="text" class="form-control" name="start" id="qBeginTime" ng-model="startTime" readonly/>
    14                         <span class="input-group-addon"></span>
    15                         <input type="text" class="form-control" name="end" id="qEndTime" ng-model="endTime" readonly/>
    16                     </div>

    JS:

     1 $('#qBeginTime').datepicker({
     2             format: 'yyyy-mm-dd hh:ii:ss',
     3             //todayBtn : true,
     4             clearBtn: true,
     5             autoclose : true,
     6             todayHighlight : true,
     7             language: 'zh-CN',
     8             maxViewMode: 4,
     9             endDate : new Date()
    10         }).on('changeDate',function(e){
    11             var startTime = e.date;
    12             $('#qEndTime').datepicker('setStartDate',startTime);
    13         });
    14         //结束时间:
    15         $('#qEndTime').datepicker({
    16             format: 'yyyy-mm-dd hh:ii:ss',
    17             //todayBtn : "linked",
    18             clearBtn: true,
    19             autoclose : true,
    20             todayHighlight : true,
    21             language: 'zh-CN',
    22             endDate : new Date()
    23         }).on('changeDate',function(e){
    24             var endTime = e.date;
    25             $('#qBeginTime').datepicker('setEndDate',endTime);
    26         });
  • 相关阅读:
    可视化数据库管理工具DataGrip使用详解
    MySQL常用函数
    你必须掌握的 21 个 JAVA 核心技术!
    idea中那些好用到飞起的插件
    Object使用
    单页面应用和多页面应用的区别及优缺点
    正则常用匹配
    npm --save-dev 和 --save 的区别
    js常用小技巧
    js复制文字到剪切板
  • 原文地址:https://www.cnblogs.com/miny-simp/p/7754608.html
Copyright © 2020-2023  润新知