尝试Layui日期控件(layDate)遇到的坑

最近在写个小网页的时候用到了Layui的日期控件——layDate,期间遇到了一些小问题,在此记录一下。

问题简述

情形大致如下。

1
2
3
4
5
6
7
8
layui.use('laydate', function() {
var laydate = layui.laydate;
laydate.render({
elem: '#date',
change: function() {},
done: function() {}
});
});

关于layDatechangedone属性

如果是单独的时间选择,效果类似下图,则选中日期后的回调触发的是change

如果是时间范围的选择,效果类似下图,则选中日期后的回调触发的是done

需要根据情况在对应的属性后编写回调函数。

关于$('#date').change()不触发

我本想用$('#date').change(function(){})来在日期变化时做些处理,但我发现laydate的日期变化并没有触发change事件,十分奇怪。

解决办法:

layDatechangedone的回调函数中手动触发change事件,即加入以下内容。

1
$('#date').change();
如果对您有帮助,不妨请我喝杯奶茶哟~( ̄︶ ̄)↗