<view class="fl_form"> <!-- <text>預約日期</text> --> <picker mode="date" value="{{date}}" start="{{date}}" end="2020-01-01" bindchange="bindDateChange"> <view class="picker"> <text>選擇日期</text> <text class="chosedate">{{date}}</text> </view> </picker> </view> <view class="fl_form newtime"> <picker mode="time" value="{{startime}}" start="09:00" end="21:00" bindchange="starttime"> <view class="picker"> <text>開始時間</text> <text class="chosedate">{{starttime}}</text> </view> </picker> <picker mode="time" value="{{endtime}}" start="09:00" end="21:00" bindchange="endtime"> <view class="picker end"> <text>結束時間</text> <text class="chosedate">{{endtime}}</text> </view> </picker> </view> <!-- 提交按鈕 --> <button class="formbtn" bindtap='orderMeeting'>提交</button>
js程式碼：var util = require('../../utils/util.js') //引入微信自帶的日期格式化const app = getApp()Page({ data: { date:util.formatDate(new Date), //格式化日期 starttime: '9:00', endtime: '21:00', userName:"" }, bindDateChange: function (e) { this.setData({ date: e.detail.value }) }, starttime: function (e) { this.setData({ starttime: e.detail.value }) }, endtime: function (e) { this.setData({ endtime: e.detail.value }) }})