第一种: my.datePicker
<view onTap="apiDatePicker">
<view>API选择时间</view>
<view>{{apiDate ? apiDate : '选择日期'}}</view>
</view>
// api获取日期
apiDatePicker(){
my.datePicker({
format: 'yyyy-MM-dd HH:mm:ss',//返回的日期格式
currentDate: '2023-01-09 11:11:11',//初始选择的日期时间,默认当前时间
startDate: '2012-01-01 11:11:11',//最小日期时间
endDate: '2023-01-10 11:11:11',//最大日期时间
success: res => {
this.setData({
apiDate: res.date
})
},
});
}
第二种:picker mode="date"
<picker mode="date" value="{{currentDate}}" start="{{startDate}}" end="{{endDate}}" onChange="chooseDate">
<view class="record-time-value">
<text>{{currentDate}}</text>
</view>
</picker>
onLoad() {
const _today = this.formatDate(new Date())
this.setData({
startDate: "2020-01-01",
endDate: _today,
currentDate: _today
});
},
获取前几天日期:
//时间戳转换为时间格式
formatDate(time) {
var date = new Date(time);
var YY = date.getFullYear();
var MM = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1;
var DD = date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate();
// var hh = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();
// var mm = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
// var ss = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
return YY + '-' + MM + '-' + DD;//年-月-日
// return YY + '-' + MM + '-' + DD + " " + hh + ":" + mm + ":" + ss;//年-月-日 时:分:秒
},
// 获取前5天日期
getcurrentTime() {
var timestamp = Date.parse(new Date()); //获取当前时间戳
timestamp = timestamp / 1000;
var timetampfor5 = timestamp - 24 * 60 * 60 * 5;
var date5ago = this.formatDate(timetampfor5 * 1000) //时间戳为10位需*1000,时间戳为13位的话不需乘1000
this.setData({
startDate: date5ago // 设置开始日期为前五天
})
},