baker95935

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

感觉不错的代码,贴出来,以后接着用

<link href="__ROOT__static/css/bootstrap-datetimepicker.min.css " rel="stylesheet">
<script type="text/javascript" src="__ROOT__static/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="__ROOT__static/js/locales/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>

 

<script type="text/javascript">
    $("#stime").datetimepicker({ 
          format: 'yyyy-mm-dd',
          language: 'zh-CN',
          weekStart: 1,
          todayBtn: 1,//显示‘今日’按钮
          autoclose: 1,
          todayHighlight: 1,
          startView: 2,
          minView: 2,  //Number, String. 默认值:0, 'hour',日期时间选择器所能够提供的最精确的时间选择视图。
          forceParse: 0,
             endDate: new Date(),
     }).on('changeDate',function(ev){
         var starttime=$("#stime").val();
         $("#etime").datetimepicker('setStartDate',starttime);
         $("#stime").datetimepicker('hide');
    });
    
    $("#etime").datetimepicker({ 
        format: 'yyyy-mm-dd',
        language: 'zh-CN',
        weekStart: 1,
        todayBtn: 1,//显示‘今日’按钮
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,  //Number, String. 默认值:0, 'hour',日期时间选择器所能够提供的最精确的时间选择视图。
        forceParse: 0,
           endDate: new Date(),
   }).on('changeDate',function(ev){
       var starttime=$("#stime").val();
       var endtime=$("#etime").val();
       $("#stime").datetimepicker('setEndDate',endtime);
       $("#etime").datetimepicker('hide'); 
  });
    
</script>  

 

posted on 2018-02-11 13:17  baker95935  阅读(3076)  评论(1编辑  收藏  举报