小程序使用vant组件库里的DatetimePicker 时间选择的使用,以及如何使用里面的函数 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

小程序使用vant组件库里的DatetimePicker 时间选择的使用,以及如何使用里面的函数

发表时间:2020-10-19

发布人:葵宇科技

浏览次数:137

小程序使用vant组件库里的DatetimePicker 时间选择的使用(困扰我最大的坑,听我慢慢细说)?

由于我想要在小程序里加入vant库的时间选择器,看了一下vant的官方文档后,十分觉得里面说的太过简洁,让我看的很迷:

第一点看不懂的是明明例子都有写出来了,代码还没有贴出来,只贴出了基本的例子的代码:

下面这个代码:

效果也不是上图的效果;

一些参数的解释让我也饶了一大圈,才成功通过改这些参数,成功弄成这个样式出来

会让人误会的说明:

后面我把这个type改成year-month-time就可以了,具体代码如下:

  <van-datetime-picker
              type="year-month-time"
              value="{{ currentDate }}"
              min-date="{{ minDate }}"
              bind:input="onInput"
              bind:confirm="onConfirm"
              bind:change="onChange"
    />

data:{
     minHour: 0,
    maxHour: 24,
    minDate: new Date().getTime(),
    currentDate: new Date().getTime(),
}


 height="621" src="https://img-blog.csdnimg.cn/2020092510000986.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA4MzA2OQ==,size_16,color_FFFFFF,t_70" width="696" />

解决方案:使用里面的event.detail来调用getValues(),而不能使用event.getValues().

 onChange(event){
  this.setData({
    reserveCopyTime:event.detail.getValues(),
  })
   
  },

想要了解其他的小程序开发小问题:https://blog.csdn.net/weixin_41083069/article/details/108532030