記錄一下日期控件，datepicker-bootstrap；這個控件支援年月日以及時分秒。
首先需要到官網下載下傳其js、cs樣式
2、頁面應用：(支援年月日)
建立時間
至
name="lsc_enddate" placeholder="結束日期" type="text">
$('#lsc_startdate').datepicker({
format : 'yyyy-mm-dd',
language : 'zh-CN',
autoclose : true,
clearBtn : true,
todayHighlight : true,
endDate : new Date()
}).on( 'changeDate', function(e) {
var startTime = e.date;
$('#lsc_enddate').datepicker( 'setStartDate', startTime);
});
$('#lsc_enddate').datepicker({
format : 'yyyy-mm-dd',
language : 'zh-CN',
autoclose : true,
clearBtn : true,
todayHighlight : true
}).on( 'changeDate', function(e) {
var endTime = e.date;
$('#lsc_startdate').datepicker('setEndDate', endTime);
$('#lsc_enddate').datepicker( 'setEndDate', new Date());
});
支援至時分秒：
$('#lj_startdate').datetimepicker({
format: 'yyyy-mm-dd hh:ii:ss',
autoclose: true,
minView: 0,
language : 'zh-CN',
minuteStep:1
}).on('changeDate',function(ev){
var starttime=$("#lj_startdate").val();
$("#lj_enddate").datetimepicker('setStartDate',starttime);
$("#lj_startdate").datetimepicker('hide');
});
$('#lj_enddate').datetimepicker({
format: 'yyyy-mm-dd hh:ii:ss',
autoclose: true,
minView: 0,
language : 'zh-CN',
minuteStep:1
}).on('changeDate',function(ev){
var starttime=$("#lj_startdate").val();
var endtime=$("#lj_enddate").val();
$("#lj_startdate").datetimepicker('setEndDate',endtime);
$("#lj_enddate").datetimepicker('hide');
});
連結：https://blog.csdn.net/lanyang123456/article/details/52894548