手记

jsp中的时间控件代码实现

<script type=text/javascrpt>
/**
 * 时间控件
 */
$(this).ready(function() {
    var timeOption = {
      language:'zh-CN',
      format:'yyyy-mm-dd',
      weekStart: 1,
      todayBtn:  1,
      autoclose: true,
      todayHighlight: 1,
      startView: 2,
      forceParse: 0,
      minView: 'month',
      forceParse:0
    };
    $('#startTime').datetimepicker(timeOption).on('changeDate',function(){
      var startTime = $('#startTime').val();
      $('#endTime').datetimepicker('setStartDate',startTime);
    });

    $('#endTime').datetimepicker(timeOption).on('changeDate',function(){
       var endTime = $('#endTime').val();
       $('#startTime').datetimepicker('setEndDate',endTime);
    }); 
});
</script>
<div>
<label>开始时间:</label><input type="text" id="startTime" placeholder="请输入开始时间">
<label>结束时间:</label><input type="text" id="endTime" placeholder="请输入结束时间">
</div>
1人推荐
随时随地看视频
慕课网APP