layui时间怎么设置年⽉⽇时分秒_前端框架layui之⽇期时间组
件
1.导⼊插件
layui使⽤需要导⼊layui的js和css:
2.简单⽰例
elem:'#test' //指定元素
});
});
3.详细介绍
需要依赖laydate模块：
layui.use('laydate', function(){var laydate =layui.laydate;
)}
3.1 设置基础参数
3.2 绑定元素
elem，类型：String/DOM，默认值：⽆。是必填项，⽤于绑定执⾏⽇期渲染的元素，值⼀般为选择器，或DOM对象。
elem:'#test' //或 elem: ElementById('test')或elem: lay('#test') 等
});
3.3控件选择类型
type，类型：String，默认值：date，可选择⽇期类型：年、⽉、⽇。⽤于单独提供不同的选择器类型，可选值如下表：
type类型
名称
说明
type类型
名称
说明
year
年选择器
只提供年列表选择
month
只提供年、⽉选择
time
时间选择器
只提供时、分、秒选择
datatime
⽇期选择器
可选择：年、⽉、⽇、时、分、秒
elem:'#test1',
type:'month',//年⽉选择器
})
elem:'#test1',
type:'datetime',//⽇期选择器
})
3.4左右⾯板范围选择
range，类型：Boolean/String，默认值：false。如果设置 true，将默认采⽤ “ - ” 分割。 也可以直接设置分割字符。五种选择器类型均⽀持左右⾯板的范围选择。
若开启，则会在⼀个输⼊框中显⽰时间范围。
//⽇期范围选择
elem:'#test1',
range:'⾄',//设置⾃⼰的分隔符
})
//⽇期范围选择
elem:'#test1',
range:true,//使⽤默认的分隔符
})
3.5⾃定义格式
format，类型：String，默认值：yyyy-MM-dd。通过⽇期时间各⾃的格式符和长度，来设定⼀个你所需要的⽇期格式。常⽤格式如下：
yyyy-MM-dd HH:mm:ss
yyyy年MM⽉dd⽇ HH时mm分ss秒
elem:'#test1',
type:'datetime',
format:'yyyy-MM-dd HH:mm:ss',
})
3.6初始值
value，
类型：String，默认值：new Date()。⽀持传⼊符合format参数设定的⽇期格式字符，或者 new Date()。
传⼊字符串：
elem:'#test1',
value:'2019-05-20',
})
传⼊new Date()，那么⽇期就是当前⽇期：
elem:'#test1',
value:newDate(),
})
3.7初始值填充
isInitValue，类型：Boolean，默认值：true。是否⾃动向元素填充初始值，有value 参数时才有效。
elem:'#test1',
value:'2019-05-20',
isInitValue:false,//不适⽤初始值
})
3.8最⼩/⼤范围内的⽇期时间值
min/max，类型：string，默认值：min: '1900-1-1'、max: '2099-12-31'。设定有限范围内的⽇期或时间值，不在范围内的将不可选中。这两个参数的赋值⾮常灵活，主要有以下⼏种情况：前端ui框架是什么意思
1)如果值为字符类型，则年⽉⽇必须⽤ -分割、时分秒必须⽤ ：号分割；
2)如果值为整数类型，且数字＜86400000，则数字代表天数，如：min: -7，即代表最⼩⽇期在7天前，正数代表若⼲天后；
3)如果值为整数类型，且数字 ≥ 86400000，则数字代表时间戳。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。