牛骨文教育服务平台(让学习变的简单)
博文笔记

laydate.js在vue中的使用

创建时间:2017-10-23 投稿人: 浏览次数:1758
问题:在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]

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。