laydate怎么动态操作选择器控件类型

104次阅读

共计 1084 个字符,预计需要花费 3 分钟才能阅读完成。

网上有类似使用 config 方法来操作属性,但是我在官方文档没有找到这个方法,故而也没有尝试,也不确定是否正确,这里只分享我的方法。

我们以一段简单的代码为例:

1
2
3
4
5
6
7
8
// 请假逻辑
      form.on(‘select(leave)’, function(data){
        // var num = $(data.elem).find(“option:selected”).attr(“num”);
        if(data.value == “ 年假 ”){
          console.log(“ 年假 ”);
          // 这里通过代码来操作时间类型
        }
      });

从上方的代码不难看出,我们的需求是,下拉选框改变,并且选择到“年假”之后,执行 laydate 的类型变更。

方法很简单,我们在这里定义 laydate 即可,调整后代码如下:

1
2
3
4
5
6
7
8
      form.on(‘select(leave)’, function(data){
        // var num = $(data.elem).find(“option:selected”).attr(“num”);
        if(data.value == “ 年假 ”){
          console.log(“ 年假 ”);
          var config = {elem: ‘#leave_start_time’, type: ‘date’};
          laydate.render(config);
        }
      });

定义一个 laydate 的参数对象,加载即可,同理其他判断条件时也是这样的操作。

正文完
 0