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

时间:2024-02-22 08:57:33

前提:使用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   }