首页 > 编程知识 正文

bootstrap日期选择器,bootstrap4日期控件

时间:2023-05-05 14:52:33 阅读:44952 作者:2222

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 );

);

);

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。