bootstrap datetimepicker的时间控制很容易使用,但很难成功。 第一次接触,到了下午,网上文章只能作为参考,有的不能用.
1 :先导入包
2 )写两个input标签
:3:js,添加开始时间不得大于结束时间。 结束时间不得小于开始时间
$ (功能() ) )。
$'#start'.datetimepicker (
格式: ' yyyy-mm-ddhh : ii : ss ',//如果只有yyyy-mm-DD,则为0000-00-00
自动关闭:真,//选择是否自动关闭
minView:0,//最准确的时间选择第0天-分钟1-小时2-天3-月
语言: ' zh-cn ',//中文
weekStart: 1,//1周从星期几开始
todayBtn: 1,
自动关闭: 1,
todayHighlight: 1,
startView: 2,
forceParse: 0,
//daysofweekdisabled : ' 1,2,3 ',//周中的某一天可以不选择' 1,2,3 '的数组格式
todayBtn : true,//是否在底部显示今天
todayHighlight :false,//今天是否选中
keyboardNavigation:true,//方向图标更改日期必须将图标存储在img文件夹中
是否为showMeridian:false,//上午下午
初始日期: new date (
//开始日期: ' 2017-01-01 '//日期开始时间只能选择new Date ()以后的时间
}.on(changedate ),function ) )。
varstart=$('#start ' ).val );
$('#end ' ).datetimepicker('setstartdate ',start );
);
$'#end'.datetimepicker (
格式: ' yyyy-mm-ddhh : ii : ss ',//如果只有yyyy-mm-DD,则为0000-00-00
自动关闭:真,//选择是否自动关闭
minView:0,//最准确的时间选择第0天-分钟1-小时2-天3-月
语言: ' zh-cn ',//中文
weekStart: 1,//1周从星期几开始
todayBtn: 1,
自动关闭: 1,
todayHighlight: 1,
startView: 2,
forceParse: 0,
//daysofweekdisabled : ' 1,2,3 ',//不能选择一周的星期几
todayBtn : true,//是否在底部显示今天
todayHighlight :false,//今天是否选中
keyboardNavigation:true,//方向图标更改日期必须将图标存储在img文件夹中
是否为showMeridian:false //上午下午
//开始日期: ' 2017-01-01 '//开始时间结束日期结束时间
}.on(changedate ),function ) )。
varend=$('#end ' ).val );
$('#start ' ).datetimepicker('setenddate ',end );
);
);