当前位置 : 主页 > 网络编程 > JavaScript >

日期控件起止时间选择限制

来源:互联网 收集:自由互联 发布时间:2021-06-28
日期控件起止时间选择限制 //html" data-date-format="yyyy-mm-dd" style="height: 28px; width:120px; border-radius:4px!important; ;border: 1px solid #6fb3e0" class="date-picker" placeholder="开始时间" readonly="readonly"/--" dat
日期控件起止时间选择限制
//html

	"  data-date-format="yyyy-mm-dd"  style="height: 28px; width:120px; border-radius:4px!important; ;border: 1px solid #6fb3e0"   class="date-picker"  placeholder="开始时间" readonly="readonly"/>


	-- " data-date-format="yyyy-mm-dd"  style="height: 28px;width: 120px; border-radius:4px !important;border: 1px solid #6fb3e0"  class="date-picker" placeholder="结束时间" readonly="readonly" />


//js
//开始时间
$('#startTime').datepicker({
    autoclose : true,
    todayHighlight : true,
    endDate : new Date()
}).on('changeDate',function(e){
    var startTime = e.date;
    $('#endTime').datepicker('setStartDate',startTime);
});

//结束时间
$('#endTime').datepicker({
    autoclose : true,
    todayHighlight : true,
    endDate : new Date()
}).on('changeDate',function(e){
    var endTime = e.date;
    $('#startTime').datepicker('setEndDate',endTime);
});
网友评论