关于layDate.js和Vue同时使用----layDate选中的日期值不能自动绑定到vue的model上

问题描述:因为input自带的date实在是不好用,而layDate日期插件,不仅好看,用起来也方便.但是因为是第一次用,遇到了一些问题.就是选中日期后,在页面上显示了选择的日期,但是这个日期值缺不能绑定到vue的model上.

页面标签截图

 

 

 解决方法如下

 

 

 vue定义源码如下

new Vue({
            el:"#app",
            data:{
                student:{
                    id:"",
                    name:"",
                    age:"",
                    gender:"",
                    subject:"",
                    beg_time:"",
                    end_time:""
                }
            },
            methods:{
                
                valuetion:function () {
                    var _this=this;
                    //layDate使用
                    laydate.render({
                        elem: '#beg_time', //指定元素
                        done: function (value) { // value 是laydate选择的日期
                            _this.student.beg_time = value; // 将值赋给student的beg_time
                        },
                    });
                    laydate.render({
                        elem: '#end_time', //指定元素
                        done: function (value) { // value 是laydate选择的日期
                            _this.student.end_time = value; // 将值赋给student的end_time
                        },
                    });
                }
            },
            created:function() {//当我们页面加载的时候触发请求，查询所有
                this.valuetion();
            }
        });