vue错误笔记——vue使用boostrap的datepicker 数据无法绑定与无法提交(二)

上一篇中,使用vue.set解决了问题,但只是向后台提交数据时StartTime与EndTime两个字段有值,当修改其他字段,触发v-model重新绑定数据时,StartTime与EndTime两个字段的值又消失了,并没有很好的解决问题。

我又在网上找了另一种方法,(ps:原博客地址找不了)通过隐藏datetimepicker 的同时绑定数据,解决了消失的问题,原理还没理解清楚,暂且先把代码放上来。


 var editVM = new Vue({
        el: "#Edit_VM",
        data:{
            
            activity: {
                StartTime: '',
                EndTime: '', 
            },
           
          
          
        },
        methods: {
             setDateTime: function () {
                 $("#StartTime").datetimepicker({
                    autoclose: true,
                    todayBtn:true,
                    todayHighLight: true,
                    language: 'zh-CN'
                });
                $("#EndTime").datetimepicker({
                    autoclose: true,
                    todayBtn: true,
                    todayHighLight: true,
                    language: 'zh-CN'
                });
                //隐藏的同时绑定数据
                $("#StartTime").datetimepicker().on('hide', function (ev) {
                    var startTime = $("#StartTime").val();
                    _self.StartTime = startTime;
                });
                $("#EndTime").datetimepicker().on('hide', function (ev) {
                    var endTime = $("#EndTime").val();
                    _self.EndTime = endTime;
                });
            }
        }

猜你喜欢

转载自blog.csdn.net/hhhhhhenrik/article/details/82251274