如下图:点击弹出时间列表:日历控件点击选择显示1年1月
解决:
加上起始时间字段
<picker mode="date" value="{{date}}" start="1970-09-01" end="2030-09-01"></picker>
问题二:
还是:fields是month的问题。设置起始时间后, 弹出日期不会根据值来自动定位指定时间。还是格式不兼容问题
ui要求显示xxxx年xx月,但是iphone只兼容xxxx-xx 这样的格式。
解决方案
将picker的value值与显示的值分开,用2个字段显示,如下:
案例源码:
wxml
<picker mode="date" fields="month" value="{{currentDate}}" start="1800-01-01" end="2200-12-31" bindchange="startDateChange">{{currentFormatDate}}
</picker>
js
Page({startDateChange(e) {console.log(e)this.setData({currentDate: e.detail.value})}, data: {// 用于选择器currentDate: '',// 用于显示currentFormatDate: ''},onLoad: function (options) {let currentDate = new Date()this.setData({currentDate: currentDate.getFullYear() + '-' + currentDate.getMonth()+'-',currentFormatDate:currentDate.getFullYear() + '年' + currentDate.getMonth()+'月'})}
});
效果: