vue中使用时间插件、vue使用laydate

        <input id="time1"  readonly="readonly"  placeholder="这里选择时间" v-model=‘input3‘ />
        ——
        <input id="time2" readonly="readonly" placeholder="这里选择时间" v-model=‘input4‘/>

在vue数据data中定义两个对应的数据

        input3: ‘‘,
        input4: ‘‘,

在vue初始化时处理laydata绑定事件  ，这里使用的延迟加载，为了避免顺序问题导致无法使用

在时间选择结束时将值赋给vue的数据，不然vue的数据并没有随着时间改变而改变

         //用于数据初始化
      created:function(){
          setTimeout( function(){
                laydate.render({
                      elem: "#time1", //指定元素
                      type: ‘datetime‘,
                      format:‘yyyy-MM-dd HH:mm:ss‘,
                      trigger: ‘click‘,
                      done:function(value, date, endDate){
                          vue.input3=value;
                          }
                    });
                laydate.render({
                      elem: "#time2", //指定元素
                      type: ‘datetime‘,
                      format:‘yyyy-MM-dd HH:mm:ss‘,
                      trigger: ‘click‘,
                      done:function(value, date, endDate){
                          vue.input4=value;
                          }
                    });
              }, 5* 100 );
      },

需要引入vue.js和laydate.js

原文地址：https://www.cnblogs.com/qq376324789/p/11224717.html