时间插件bootstrap-datepicker

来源:互联网 发布:女子支付网络审讯 编辑:程序博客网 时间:2024/05/07 04:40

    <link href="<%=path%>/resources/css/bootstrap.min.css" rel="stylesheet"/>
     <link href="<%=path%>/resources/css/bootstrap-datepicker.min.css" rel="stylesheet" /> 

     <script type="text/javascript" src="<%=path%>/resources/js/jquery-1.11.1.min.js"></script>
       <script type="text/javascript" src="<%=path%>/resources/js/bootstrap.min.js"></script>

     <script src="<%=basePath%>resources/js/bootstrap-datepicker.js"></script>





<div class="col-md-3 form-group">

           <label for="exampleInputName4">入库日期:</label>
            <input type='text' name="optime" class="form-control dateTime" id="starpoptime" placeholder="请选择日期"/>
         </div>
                                        
                                        
      <div class="col-md-3 form-group">
                <label for="exampleInputName5">到:</label>
                   <input type="text" class="form-control dateTime" name="optime2" id="endtime" placeholder="请选择日期">

         </div>



//时间格式  带控制
    $("#starpoptime").datepicker({
        format: 'yyyy-mm-dd',
        weekStart: 1,
        autoclose: true,
        todayBtn: true,
        language: 'zh-CN',
        endDate : new Date()
        }).on("changeDate",function(e){
            var startTime = e.date;
            $('#endtime').datepicker("setStartDate",startTime);
          });
     $("#endtime").datepicker({
        format: 'yyyy-mm-dd',
        weekStart: 1,
        autoclose: true,
        todayBtn: true,
        language: 'zh-CN',
        endDate : new Date()
        }).on("changeDate",function(e){
           var endTime = e.date;
            $('#starpoptime').datepicker("setEndDate",endTime);
            });

//解释

 format  时间格式

weekstart: 一周是从星期1 开始

autoclose  :  选择了就关闭时间框

todaybtn  :  今天的按钮

language:  显示语言

enddate :  最大时间


changedate: 改变时间时

setstartdate    给他开始时间

setenddate    给他结束时间




//解释  改变时间 会给开始时间最大值



format

.on("changeDate",function(e){
           var endTime = e.date;
            $('#starpoptime').datepicker("setEndDate",endTime);
            });




0 0