1、首先引用资源包；
bootstrap基础资源包： bootstrap.min.css 、bootstrap-responsive.min.css、style.css、jquery-1.10.1.min.js、
datetimepicker资源包： bootstrap-datetimepicker.min.css、bootstrap-datetimepicker.min.js、bootstrap-datetimepicker.zh-CN.js
2、jsp页面
3.js代码
$(“#pushTimeBegin”).datetimepicker({
format: ‘yyyy-mm-dd’,
minView: “month”,
language: ‘zh-CN’, //汉化
autoclose:true //选择日期后自动关闭
}).on(‘changeDate’,function(ev){
var pushTimeBegin = $(“#pushTimeBegin”).val();
$(“#pushTimeEnd”).datetimepicker(‘setStartDate’,pushTimeBegin); //设置结束日期的可选值：不得早于开始时间
$(“#pushTimeBegin”).datetimepicker(‘hide’);
});
$(“#pushTimeEnd”).datetimepicker({
format: ‘yyyy-mm-dd’,
minView: “month”,
language: ‘zh-CN’, //汉化
autoclose:true
});
4、页面效果
开始时间
结束时间
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/214406.html原文链接：https://javaforall.net
