layui多个input框添加时间控件做个笔记

首先一开始样式是这样的:

var laydate = layui.laydate;
laydate.render({
    elem: '#date'
    ,trigger: 'click'
});

但是好多input框需要时间控件,比如生日,入职时间,休假时间等等,那么一个个的去<script></script>框中添加id的样式,好像可以但是js老长了,所以想到elem 中可以使用class 选择器吗,试了一下结果发现只有第一个时间控件可以正常使用,以后的时间控件都是闪退,后来去layui逛了逛发现了这种写法可以完美解决:

var laydate = layui.laydate;
lay('.date-format').each(function(){
    laydate.render({
        elem: this
        ,trigger: 'click'
    });
});
上面的括号正确了使用了class选择器.