利用Vant实现一个DatetimePicker日期选择器

 & lt; script>
　　出口默认{
　　数据(){
　　返回{
　　味精:& # 39;& # 39;
　　currentDate:新日期(),
　　changeDate:新日期(),
　　显示:假的,//用来显示弹出层
　　时间价值:& # 39;& # 39;
　　}
　　},
　　方法:{
　　showPopFn () {
　　这一点。显示=true;
　　},
　　showPopup () {
　　这一点。显示=true;
　　},
　　changeFn(){//值变化是触发
　　这一点。changeDate=urrentDate//星期二2020年9月08年就是格林尼治标准时间+ 0800(中国标准时间)
　　},
　　confirmFn(){//确定按钮
　　这一点。时间价值=https://www.yisu.com/zixun/this.timeFormat (this.currentDate);
　　这一点。显示=false;
　　},
　　cancelFn () {
　　这一点。显示=true;
　　},
　　timeFormat(时间){//时间格式化2019-09-08
　　让年=time.getFullYear ();
　　让月=time.getMonth () + 1;
　　让天=time.getDate ();
　　返回年+的年+月+‘月’+天+‘日’
　　}
　　},
　　安装(){
　　这一点。timeFormat(新日期());
　　}
　　}> 
　　 

注意:如果是按需引入的话,记得在主要。js里面引入相应的文件奥。

//main.js文件里面的部分代码
　　进口{按钮}& # 39;vant& # 39;
　　进口{DatetimePicker} & # 39; vant& # 39;;
　　进口{弹出}& # 39;vant& # 39;;
　　从& # 39;进口{领域}vant& # 39;;
　　
　　Vue.use(按钮)
　　Vue.use (DatetimePicker)
　　Vue.use(弹出)
　　Vue.use(字段);

- - - - - - - - -完。

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

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

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

下面这个代码:

效果也不是上图的效果;

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

<强>会让人误会的说明:

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

利用Vant实现一个DatetimePicker日期选择器