天天看点

html datetime控件 到时分秒,日期控件:datepicker(bootstrap)支持时分秒

记录一下日期控件,datepicker-bootstrap;这个控件支持年月日以及时分秒。

首先需要到官网下载其js、cs样式

html datetime控件 到时分秒,日期控件:datepicker(bootstrap)支持时分秒

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