项目框架自带的时间选择插件比较丑,就换成laydate,就是图一个轻量简约,结果遇到了各种坑。
但是没办法,已经用了,只能硬着头皮解决,发现还真是玩出花来了。
首先,在弹窗等小页面里,laydate一闪而过,这可能是因为鼠标放在了laydate要弹出的位置造成渲染失败的。解决的方法就是把触发方式改为click。
laydate.render({
elem: ‘#id’,
type:'time',
format:"HH:mm:ss",
trigger: 'click'
});
第二,绑定多个元素。laydate是不接收class选择器的。
$(".自定义").each(function (index, item) {
laydate.render({
elem: item,
type:'time',
format:"HH:mm:ss",
trigger: 'click'
});
});
第三,绑定动态元素。
把第二里的那个循环写到一个方法里,每次添加完动态元素,运行一下这个方法就可以给动态元素绑定laydate了。
第四,做日周月报表时,发现类型不能动态切换。坑。
这个时候需要把原先绑定laydate的元素删了,然后重新渲染。
$("#parent").html('');
$("#parent").html('laydate元素html代码');
laydate.render({
elem: '#id',
type:'date',
format:"yyyy-MM-dd",
value: new Date()
});
第五,范围选择时,在“~”前后都有一个空格!要注意。