微信小程序中使用vant-weapp中时间控件默认显示每月1号

Posted 2020-11-27 追寻~幻

前提：使用filed框去调用时间选择组件

思路：js中获取当前时间戳，通过转换为时间字符串的方法只转换到年月，日的话选择‘01’为固定值，这样返回的就是每个月的1号的日期字符串了。到时候显示到filed组件即可。

　　　弹出时间选择器默认选择当前月1号：上述已经获取到了当前月1号的日期字符串了，只需要在转换为时间戳，把这个值赋值到时间选择器的value属性上即可。

贴上实现的代码：

 1  //获取当前月1号的方法
 2   getCurrentMonthOfone(){
 3     var that = this;
 4     var currentDate = new Date().getTime();
 5     let date = new Date(currentDate);
 6     var y = date.getFullYear();
 7     var m = date.getMonth() + 1;
 8     m = m < 10 ? (‘0‘ + m) : m;
 9     var d = date.getDate();
10     d = ‘01‘;
11     var time = y + ‘-‘ + m + ‘-‘ + d;
12 
13     var currentstamp = time.replace(/-/g, ‘/‘); //必须把日期‘-‘转为‘/‘
14     var timestamp = new Date(currentstamp).getTime();
15     //设置值selectDate为flied的日期字符串、currentDate为时间选择器的时间戳
16     that.setData({
17       selectDate:time,
18       currentDate:timestamp
19     })
20   }