laydate.js在vue中的使用

问题:在vue中直接调用laydate,发现点击两次才能获取到数据。代码如下:

<input type="text" οnclick="laydate({format:'YYYY-MM-DD hh:mm:ss',istime:true})"v-model="start_time">

解决:不再直接调用,而是JS外部调用。代码如下:

html代码:

<input id="startTime" type="text">

js代码:

laydate({

    elem: '#startTime',

    format: 'YYYY-MM-DD hh:mm:ss', // 分隔符可以任意定义

    istime: true,

    choose: function(dates){ // 选择日期完毕的回调

        _this.start_time=dates;

    }

});

遇见bug:Cannot read property ‘toLocaleLowerCase’ of undefined

解决:elem参数传入的只是目标元素名称而非目标节点,导致elem.tagName 为underfine 自然就没有 toLocaleLowerCase() 才会导致这个错误。

elem: '#startTime' 改为 $('#startTime')[0]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值