laydate

laydate是一款时间插件

代码演示参考 若依系统 → 实例演示 → 表单元素 → 日期与时间 form/datetime.html

属性默认值描述备注
elem绑定元素必填项,用于绑定执行日期渲染的元素,值一般为选择器,或DOM对象
typedate控件选择类型用于单独提供不同的选择器类型 year年 month年月 date年月日 time时分秒 datetime年月日时分秒
rangefalse开启左右面板范围选择如果设置 true,将默认采用 “ - ” 分割。 你也可以直接设置 分割字符 range: '~'
formatyyyy-MM-dd自定义格式通过日期时间各自的格式符和长度,来设定一个你所需要的日期格式
valuenew Date()初始值支持传入符合format参数设定的日期格式字符,或者 new Date()
isInitValuetrue初始值填充用于控制是否自动向元素填充初始值(需配合 value 参数使用)
min1900-1-1最小范围内的日期时间值设定最小日期或时间值,不在范围内的将不可选中
max2099-12-31最大范围内的日期时间值设定最大日期或时间值,不在范围内的将不可选中
triggerfocus自定义弹出控件的事件如果绑定的元素非输入框,则默认事件为:click
showfalse默认显示则控件默认显示在绑定元素的区域。通常用于外部事件调用控件
positionabsolute定位方式用于设定控件的定位方式,有以下三种可选值 abolute绝对定位 fixed固定定位 static静态定位
zIndex66666666层叠顺序一般用于解决与其它元素的互相被遮掩的问题。如果 position 参数设为 static 时,该参数无效
showBottomtrue是否显示底部栏如果设置 false,将不会显示控件的底部栏区域
btns['clear', 'now', 'confirm']工具按钮右下角显示的按钮,会按照数组顺序排列,内置可识别的值有:clear、now、confirm
langcn语言两种语言版本:cn(中文版)、en(国际版,即英文版)
themedefault主题内置了多种主题,theme的可选值有:default(默认简约)、molv(墨绿背景)、#颜色值(自定义颜色背景)、grid(格子主题)
calendarfalse是否显示公历节日内置了一些我国通用的公历重要节日,通过设置 true 来开启。国际版不会显示。
mark标注重要日子calendar 参数所代表的公历节日更多情况下是一个摆设。因此,我们还需要自定义标注重要日子,比如结婚纪念日 日程等