layui日期时间组件同时绑定多个选择框

时间:2019-01-28 16:08:59 类型:JS/JQUERY
字号:    

layui日期控件是非常好用的一个日期插件, 绑定一个比较简单, 然有时我们需要在一个页面上绑定多个选择框, 这个时候就需要用到jquery的each方法及this操作了

效果如图

解决方案:

1. 先在需要绑定日期的上面加一个共同的类, 如datetime


2. 定义一个函数得到所有的 datetime, 然后循环绑定

   

     

 //绑定出所有的日期控件
      function dateBind()
      {
             $('.datetime').each(function() {
                 laydate.render({
                     elem : this
                     ,theme: 'grid'
                 });
             });
      }
      dateBind();