首页 > Web开发 > 详细

关于layDate.js和Vue同时使用----layDate选中的日期值不能自动绑定到vue的model上

时间:2019-11-16 20:51:45      阅读:287      评论:0      收藏:0      [点我收藏+]

问题描述:因为input自带的date实在是不好用,而layDate日期插件,不仅好看,用起来也方便.但是因为是第一次用,遇到了一些问题.就是选中日期后,在页面上显示了选择的日期,但是这个日期值缺不能绑定到vue的model上.

页面标签截图

技术分享图片

 

 

 解决方法如下

技术分享图片

 

 

 vue定义源码如下

 1 new Vue({
 2             el:"#app",
 3             data:{
 4                 student:{
 5                     id:"",
 6                     name:"",
 7                     age:"",
 8                     gender:"",
 9                     subject:"",
10                     beg_time:"",
11                     end_time:""
12                 }
13             },
14             methods:{
15                 
16                 valuetion:function () {
17                     var _this=this;
18                     //layDate使用
19                     laydate.render({
20                         elem: ‘#beg_time‘, //指定元素
21                         done: function (value) { // value 是laydate选择的日期
22                             _this.student.beg_time = value; // 将值赋给student的beg_time
23                         },
24                     });
25                     laydate.render({
26                         elem: ‘#end_time‘, //指定元素
27                         done: function (value) { // value 是laydate选择的日期
28                             _this.student.end_time = value; // 将值赋给student的end_time
29                         },
30                     });
31                 }
32             },
33             created:function() {//当我们页面加载的时候触发请求,查询所有
34                 this.valuetion();
35             }
36         });

 

关于layDate.js和Vue同时使用----layDate选中的日期值不能自动绑定到vue的model上

原文:https://www.cnblogs.com/xianghebuyi/p/11873386.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!