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