vue.js和layui时间选择器绑定问题

vue.js和layui的时间选择器绑定问题


后端返回给前端日期对象,用vue实例对象接收,时间选择器的value和vue实例对象双向绑定时会出现这种状况,日期无法被解析:
在这里插入图片描述
时间选择器:

<input type="text" v-model="savePlan.start_time" id="start_time" class="layui-input" placeholder="yyyy-MM-dd" lay-key="1">

vue实例对象:

let vm = new Vue({
...
data:{
   savePlan:{
       start_time:'',
       name :'',
       interval_time:'',
       company_id:'',
       type:'',
       day:'',
   },
...

前端技术比较浅薄想到的方案只有日期框不和vue绑定,验证和提交的时候用jquery获得日期框的值,再将值赋给vue,应该还有更好的方法吧。

let start_time = $("#start_time").val();
if (type == '3'){
    if (start_time == '' || vm.savePlan.interval_time == ''){
        layer.msg('请填写开始时间和间隔时间');
        return false;
    }
}
vm.savePlan.start_time = start_time;

最后:
在这里插入图片描述

你可能感兴趣的:(vue.js和layui时间选择器绑定问题)