码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-07-22 11:47:23      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:create   hold   class   pre   div   元素   引入   结束   end   

        <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

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

标签:create   hold   class   pre   div   元素   引入   结束   end   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!