LayUI 时间控件的简单使用
项目LayUI版本为2.5.7
参考站点:http://layui.xhcen.com/doc/laydate.html
<input type="text" class="layui-input" id="dateinput">
<script src="layui js路径"></script> //应用本地js文件或者在线js
<script>
//单一的元素绑定方式
layui.use('laydate', function(){
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#dateinput' //指定元素
});
});
//根据元素的class批量绑定
layui.use('laydate', function () {
var laydate = layui.laydate;
//执行一个laydate实例
var dateInputs = document.getElementsByClassName('pdate');
for (var i = 0; i < dateInputs.length; i++) {
laydate.render({
elem: dateInputs[i],
});
}
var timeInputs = document.getElementsByClassName('ptime');
for (var i = 0; i < timeInputs.length; i++) {
laydate.render({
elem: timeInputs[i],
type: 'time',
format: 'HH:mm',
});
}
});
</script>
执行效果