参考css和js文件
ltlink rel = " style sheet " href = " Css/bootstrap-datetime picker . min . Css " >
ltscript src = " Js/bootstrap-datetime picker . Js " gt; lt/script gt;
用法:
ltinput size = " 16 " type = " text " value = " " class = " form _ datetime " >
//这里是js:
ltscript type = " text/JavaScript " gt;
//日期插件
$(".表单_日期时间”)。datetimepicker({
格式:' yyyy-mm-dd ',//显示格式
TodayHighlight: 1,//突出显示今天
Min:“月”,//设置为只显示到该月。
startView:2,
强制解析:0,
秀场子午线:1,
自动关闭:1//选择后自动关闭。
});
lt/script gt;
Js写在上面。如果直接选择天数,将自动关闭选择框。
显示选项:
格式
yyyy-mm-dd hh:ii
yyyy-mm-dd hh:ii:ss
其他选项:
每周开始
整数。默认值:0
星期几从0(星期日)开始到6(星期六)?
开始日期
约会。默认值:开始时间
结束日期
约会。默认值:结束时间
主题自动关闭
布尔型。默认值:false
选择日期后是否立即关闭日期时间选择器。
开始视图
数字,字符串。默认值:2,“月”
日期时间选择器打开后显示的第一个视图。可接受的值:
0“小时”是小时视图。
1或“日”是日视图。
或者“月”是月视图(默认值)。
或者“年”是年视图。
或者说‘十年’是十年的看法。
今日tn
布尔,“链接”。默认值:false
如果该值为true或“链接”,则“今天”按钮将显示在日期时间选择器组件的底部,以选择当前日期。如果是真的,“今天”按钮只会将视图转到今天的日期;如果是“链接”,则选择今天的日期。
今日亮点
布尔型。默认值:false
如果为真,则突出显示当前日期。
键盘导航
布尔型。默认值:真
是否通过箭头键改变日期。
日期时间选择器提供键盘导航:
上、下、左、右箭头键
在这些方向键中,左/右是向后/向前一天,上/下是向后/向前一周。
使用shift键,向上/向左向后移动一个月,向下/向右向前移动一个月。
配置ctrl键,上/左向后移动一年,下/右向前移动一年。
Shift+ctrl和ctrl的效果是一样的——就是不能同时改变月份和年份,只能单独改变年份。
语言
字符串。默认值:“en”;您可以通过导入相应语言的js文件来设置语言。
强制解析
布尔型。默认值:真
当选择器关闭时,是否强制分析输入框中的值。
方法:
。datetimepicker(选项)
移动
参数:无
拆下日期时间选择器。同时移除已经绑定的事件、内部绑定的对象和HTML元素。
$('#datetimepicker ')。datetime picker(' remove ');
参数:无
显示日期时间选择器。
$('#datetimepicker ')。datetime picker(' show ');
参数:无
隐藏日期时间选择器。
$('#datetimepicker ')。datetime picker(' hide ');
参数:无
用当前输入框中的值更新日期时间选择器。
$('#datetimepicker ')。datetime picker(“update”);
参数:
开始日期(字符串)
为日期时间选择器设置新的开始日期。
$('#datetimepicker ')。datetimepicker('setStartDate ',' 2012-01-01 ');
参数:
结束日期(字符串)
设置日期时间选择器的结束日期。
$('#datetimepicker ')。datetimepicker('setEndDate ',' 2012-01-01 ');
更多详情关注尚学堂,喜欢的朋友可以了解一下尚学堂!另外,如果你喜欢,请多关注边肖!