bootstrap的datetimepicker(bootstrap时间控件的用法),本文通过数据整理汇集了bootstrap的datetimepicker(bootstrap时间控件的用法)相关信息，下面一起看看。

　　参考css和js文件

　　 link rel= style sheet href= Css/bootstrap-datetime picker . min . Css

　　脚本src= Js/bootstrap-datetime picker . Js /script

　　一个

　　 2

　　然后调用初始化日期插件方法：

　　用法：

　　输入size= 16 type= text value= class= form _ datetime

　　 //这里是js:

　　脚本类型=文本/javascript

　　 //日期插件

　　 $(.form_datetime)。datetimepicker({

　　格式： yyyy-mm-dd ，//显示格式

　　 TodayHighlight: 1，//突出显示今天

　　 Min: month ，//设置为只显示到该月为止。

　　 startView:2，

　　强制解析：0，

　　秀场子午线：1，

　　自动关闭：1//选择后自动关闭。

　　 });

　　 /脚本

　　 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的作用是一样的——就是不能同时改变月份和年份，只能单独改变年份。

　　语言

　　字符串。默认值：“en”；您可以通过导入相应语言的js文件来设置语言。

　　强制解析

　　布尔型。默认值：真

　　当选择器关闭时，是否强制分析输入框中的值。

　　方法：datetimepicker(选项)

　　一个

　　初始化日期时间选择器。

　　移动

　　参数：无

　　拆下日期时间选择器。同时移除已经绑定的事件、内部绑定的对象和HTML元素。

　　 $(#datetimepicker )。datetime picker( remove )；

　　一个

　　显示

　　参数：无

　　显示日期时间选择器。

　　 $(#datetimepicker )。datetime picker( show )；

　　一个

　　隐藏

　　参数：无

　　隐藏日期时间选择器。

　　 $(#datetimepicker )。datetime picker( hide )；

　　一个

　　更新

　　参数：无

　　用当前输入框中的值更新日期时间选择器。

　　 $(#datetimepicker )。datetime picker(“update”)；

　　一个

　　 setStartDate

　　参数：

　　开始日期(字符串)

　　为日期时间选择器设置新的开始日期。

　　 $(#datetimepicker )。datetimepicker(setStartDate ， 2012-01-01 )；

　　一个

　　 setEndDate

　　参数：

　　结束日期(字符串)

　　设置日期时间选择器的结束日期。

　　 $(#datetimepicker )。datetimepicker(setEndDate ， 2012-01-01 )；

　　更多详情关注尚学堂，喜欢的朋友可以了解一下尚学堂！另外，如果你喜欢，请多关注边肖！

　　更多bootstrap的datetimepicker(bootstrap时间控件的用法)相关信息请关注本站，本文仅仅做为展示！详情价格咨询客服！