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

蓝洛水深 • 2022年3月4日上午11:48 • 网站, 软件 • 阅读 574

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

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

// 请假逻辑
      form.on('select(leave)', function(data){
        // var num = $(data.elem).find("option:selected").attr("num");
        if(data.value == "年假"){
          console.log("年假");
          //这里通过代码来操作时间类型
        }
      });

// 请假逻辑

form.on('select(leave)', function(data){

// var num = $(data.elem).find("option:selected").attr("num");

if(data.value == "年假"){

console.log("年假");

//这里通过代码来操作时间类型

}

});

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

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

      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);
        }
      });