3-动态遍历多个元素初始化日期选择器,点击变为当前日期问题解决(layui.js)

问题情况:动态遍历后台返回的字段展示,返回类型为datetime时,点击输入框可选择日期,获取后点击外部或输入框,输入框中的值会变为当前日期,但value没变,且首次点击输入框会提示日期格式不合法,然后直接重置了我的值

原数值

点击后

过程:既然是日期不合法,那我就让日期合法不就好了

第一种方法是让后端直接改

第二种方法就是前端改

这是原来遍历的写法

    lay('.year').each(function (e) {
        laydate.render({
            elem: this
            , trigger: 'click'
        });
    });

这是修改后的写法,给他加上默认值即可

lay('.year').each(function (e) {
    laydate.render({
       elem: this
       , trigger: 'click'
       , value:$(this).val().substring(0,4) + '-' +$(this).val().substring(4,6)+ '-' +$(this).val().substring(6)
     });
});

所以后续处理日期相关的数值时需要注意,默认情况下的日期格式是yyyy-MM-dd,日期初始化方法中判断原值不合法就会被重置成当前日期

坚持就是胜利!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值