当前位置: 首页 > 工具软件 > layDate > 使用案例 >

laydate使用

壤驷英叡
2023-12-01

和 layer 一样,你可以在 layui 中使用 layDate,也可直接使用 layDate 独立版,请按照你的实际需求来选择。(去 layDate 独立版本官网下载组件包,引入 laydate.js 即可,直接调用方法使用)

//执行一个laydate实例

laydate.render({

elem: '#test1' //指定元素进行初始化

});

属性类型参数默认值
elemString/DOM元素节点
typeString选择器类型(year,month,date,time,datetime)date
rangeBoolean/String/Array如果设置 true,将默认采用 “ - ” 分割。 你也可以直接设置 分割字符false
formatString设定一个你所需要的日期格式yyyy-MM-dd
valueString支持传入符合format参数设定的日期格式字符,或者 new Date()new Date()
isInitValueBoolean用于控制是否自动向元素填充初始值true
isPreviewBoolean用于控制是否显示当前结果的预览true
min/max string设定有限范围内的日期或时间值,不在范围内的将不可选中min: '1900-1-1'max: '2099-12-31'
triggerString如果绑定的元素非输入框,则默认事件为:clickfocus
showBoolean如果设置: true,则控件默认显示在绑定元素的区域。通常用于外部事件调用控件false
positionString用于设定控件的定位方式absolute
zIndexNumber一般用于解决与其它元素的互相被遮掩的问题。66666666
showBottomBoolean如果设置 false,将不会显示控件的底部栏区域

true

btnsArray右下角显示的按钮,会按照数组顺序排列['clear', 'now', 'confirm']
langString内置了两种语言版本:cn(中文版)、en(国际版,即英文版)cn
theme String可选值有:default(默认简约)、molv(墨绿背景)、#颜色值(自定义颜色背景)、grid(格子主题)default
calendarBoolean内置了一些我国通用的公历重要节日,通过设置 true 来开启false
markObject自定义标注重要日子,比如结婚纪念日?日程等
readyfunction控件在打开时触发,回调返回一个参数 
changefunction年月日时间被切换时都会触发。回调返回三个参数,分别代表:生成的值日期时间对象结束的日期时间对象 
donefunction点击日期、清空、现在、确定均会触发。回调返回三个参数,分别代表:生成的值日期时间对象结束的日期时间对象 

 

 类似资料: