受欢迎的博客标签

微信小程序开发实战记录-微信小程序表单Picker之日期选择

Published

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"),  //替换成时间字符串 修改数据结构字段
     


    })
  },