和 layer 一样,你可以在 layui 中使用 layDate,也可直接使用 layDate 独立版,请按照你的实际需求来选择。(去 layDate 独立版本官网下载组件包,引入 laydate.js 即可,直接调用方法使用)
//执行一个laydate实例
laydate.render({
elem: '#test1' //指定元素进行初始化
});
属性 | 类型 | 参数 | 默认值 |
elem | String/DOM | 元素节点 | 无 |
type | String | 选择器类型(year,month,date,time,datetime) | date |
range | Boolean/String/Array | 如果设置 true,将默认采用 “ - ” 分割。 你也可以直接设置 分割字符。 | false |
format | String | 设定一个你所需要的日期格式 | yyyy-MM-dd |
value | String | 支持传入符合format参数设定的日期格式字符,或者 new Date() | new Date() |
isInitValue | Boolean | 用于控制是否自动向元素填充初始值 | true |
isPreview | Boolean | 用于控制是否显示当前结果的预览 | true |
min/max | string | 设定有限范围内的日期或时间值,不在范围内的将不可选中 | min: '1900-1-1'、max: '2099-12-31' |
trigger | String | 如果绑定的元素非输入框,则默认事件为:click | focus |
show | Boolean | 如果设置: true,则控件默认显示在绑定元素的区域。通常用于外部事件调用控件 | false |
position | String | 用于设定控件的定位方式 | absolute |
zIndex | Number | 一般用于解决与其它元素的互相被遮掩的问题。 | 66666666 |
showBottom | Boolean | 如果设置 false,将不会显示控件的底部栏区域 | true |
btns | Array | 右下角显示的按钮,会按照数组顺序排列 | ['clear', 'now', 'confirm'] |
lang | String | 内置了两种语言版本:cn(中文版)、en(国际版,即英文版) | cn |
theme | String | 可选值有:default(默认简约)、molv(墨绿背景)、#颜色值(自定义颜色背景)、grid(格子主题) | default |
calendar | Boolean | 内置了一些我国通用的公历重要节日,通过设置 true 来开启 | false |
mark | Object | 自定义标注重要日子,比如结婚纪念日?日程等 | 无 |
ready | function | 控件在打开时触发,回调返回一个参数 | |
change | function | 年月日时间被切换时都会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象 | |
done | function | 点击日期、清空、现在、确定均会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象 |