Picker日期型
js
首先定义date变量,用于显示日期,或者用户选择后修改后存储新的日期
Page({
/**
* 页面的初始数据
*/
data: {
date: "2016-09-01",
dateSelected: false, //用来表示用户是否选择了日期
wxml
date为字符串型
<!--日期选择-->
<view class="weui-cell weui-cell_input">
<view class="weui-cell__hd">
<view class="weui-label">销售日期</view>
</view>
<view class="weui-cell__bd">
<picker mode="date" value="{{date}}" start="2020-09-01" end="2021-09-01" bindchange="bindPickerChangeDate">
<view class="weui-input">{{date}}</view>
</picker>
</view>
</view>
js
选择事件发生后,修改变量,同时修改要提交的数据(日期),转换成日期型
//产品送货日期选择器:
bindPickerChangeShippingDateUtc: function (e) {
console.log('picker发送选择改变,携带值为', e.detail.value)
this.setData({
ShippingDateUtc: e.detail.value,
ShippingDateUtcSelected: true,
['ProductStockForShop.ShippingAddress.ShippingDateUtc']: new Date(e.detail.value + " 20:00:01"), //替换成时间字符串 修改数据结构字段
})
},