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