bootstrap-datetimepicker

bootstrap-datetimepicker是一款时间插件(已经汉化)

代码演示参考 若依系统 → 实例演示 → 表单元素 → 日期与时间 form/datetime.html(项目使用需要引入css和js)

1、<th:block th:include="include :: datetimepicker-css" />2、<th:block th:include="include :: datetimepicker-js" />

属性默认值描述备注
formatmm/dd/yyyy日期格式任意时间日期格式组合搭配,满足不同需求 yyyy mm dd hh ii ss
weekStart0一周从哪一天开始0(星期日)到6(星期六)
startDate开始时间可以选择的最早日期,将禁用所有较早日期
endDate结束时间可以选择的最晚日期,所有较迟的日期都将被禁用
daysOfWeekDisabled[]每周禁用一天
autoclosefalse当选择一个日期之后是否立即关闭此日期时间选择器。
startView2日期时间选择器打开之后首先显示的视图0 小时 1 天 2 月 3 年 4 十年
minView0日期时间选择器所能够提供的最精确的时间选择视图0 小时 1 天 2 月 3 年 4 十年
maxView4日期时间选择器最高能展示的选择范围视图0 小时 1 天 2 月 3 年 4 十年
todayBtnfalse是否显示当前日期(今天)按钮
todayHighlightfalse是否高亮当前日期
keyboardNavigationtrue是否启用键盘方向键选择改变日期
languageen语言zh-cn 中文 en 英文
forceParsetrue强制解析当选择器关闭的时候,是否强制解析输入框中的值
minuteStep5分钟选择视图,每5分钟一个间隔选择只有minView设置 支持分钟,才能看到
pickerRefererdefault没有特殊要求,无序设置
pickerPositionbottom-right时间选择器窗口的位置bottom-left左下 bottom-right右下 top-left左上 top-right左下
viewSelect取minView的值视图选择decade year month day hour
showMeridianfalse是否为日视图和小时视图启用子午线视图
initialDatenew Date()初始日期。默认是现在,您可以指定昨天或今天……