關於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();
            }
        });