laydate使用指南

项目框架自带的时间选择插件比较丑,就换成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()
 });

第五,范围选择时,在“~”前后都有一个空格!要注意。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值