laydate.js在vue中的使用
问题:在vue中直接调用laydate,发现点击两次才能获取到数据。代码如下:
<input type="text" onclick="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]
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。
- 上一篇: php构造json多维数组的方法
- 下一篇: laydate日期插件案例,结束时间小于开始时间不可选择