layui动态时间控件,刚开始想的是动态生成id,然后动态去指定,但是那样太麻烦,就用更加简洁的方式进行实现。
layui.use(['form', 'layer', 'jquery', 'laydate'], function () {
var form = layui.form
, $ = layui.jquery
, layer = layui.layer
, laydate = layui.laydate;
//渲染时间控件
function timeRender(){
lay('.timeCount .withdrawTime').each(function() {
laydate.render({
elem : this
, type : 'time'
, trigger : 'click'
});
});
//在每次动态生成laydate组件时, laydate框架会给input输入框增加一个lay-key="1",
//这样就导致了多个laydate 的inpute框都有lay-key="1"这个属性。导致时间控件不起作用,
//需要把动态生成的lay-key属性删除
$(".withdrawTime").removeAttr("lay-key");
}
//页面加载的时候对已经有的控件进行初始化
timeRender();
});
如下是我的页面实现: