bootstrap的datepicker控件使用心得

来源：互联网发布：网络综合布线施工合同编辑：程序博客网时间：2024/05/17 07:25

js代码：

$('#starttime').datepicker({
  format:'yyyy.mm.dd',
        weekStart:1,
        autoclose:true,
        todayBtn:'linked',
        language:'zh-CN'
}).on('changeDate',function(ev){
  var startTime = ev.date.valueOf();
  if(start<teach){
   alert("“评估开始时间 ”不能早于“授课时间 ” ！");
   $("#starttime").focus();
  }
   });
$('#endtime').datepicker({
  format:'yyyy.mm.dd',
        weekStart:1,
        autoclose:true,
        todayBtn:'linked',
        language:'zh-CN'
}).on('changeDate',function(ev){
  var endTime = ev.date.valueOf();
  end= endTime;
  if(end<start){
   alert("“评估结束时间 ”不能早于“评估开始时间 ” ！");

  }else{

  }
});

Html代码：

<divid="starttime_main"class="control-group">
      <labelclass="control-label"for="starttime">开始时间：</label>
      <divclass="date form_datetime controls"data-date="2013.05.10" id="starttimeDiv">
       <inputtype="text"class="span9"value=""id="starttime"readonly>
        <spanclass="add-on">
         <iclass="icon-calendar"></i>
        </span>
      </div>
     </div>
     <divid="endtime_main"class="control-group">
      <labelclass="control-label"for="endtime">结束时间：</label>
      <divclass=" controls date form_datetime"
       data-date="2013.05.10" id="endtimeDiv">
       <inputtype="text"class="span9"value=""id="endtime"
        readonly><spanclass="add-on"><i
        class="icon-calendar"></i></span>
      </div>
     </div>

0 0