Showing
3 changed files
with
101 additions
and
16 deletions
| @@ -8,13 +8,22 @@ Page({ | @@ -8,13 +8,22 @@ Page({ | ||
| 8 | /** | 8 | /** |
| 9 | * 页面的初始数据 | 9 | * 页面的初始数据 |
| 10 | */ | 10 | */ |
| 11 | - data: {}, | 11 | + data: { |
| 12 | + pickerValue:[0,0,0], | ||
| 13 | + pickerData:[[],[],[]], | ||
| 14 | + }, | ||
| 12 | 15 | ||
| 13 | /** | 16 | /** |
| 14 | * 生命周期函数--监听页面加载 | 17 | * 生命周期函数--监听页面加载 |
| 15 | */ | 18 | */ |
| 19 | + pickerData:[], | ||
| 16 | onLoad: function (options) { | 20 | onLoad: function (options) { |
| 17 | - | 21 | + this.pickerData=TP.pickerData(); |
| 22 | + let pd=TP.pickerData(); | ||
| 23 | + pd[2]=pd[2][this.data.pickerValue[1]]; | ||
| 24 | + this.setData({ | ||
| 25 | + pickerData:pd, | ||
| 26 | + }) | ||
| 18 | }, | 27 | }, |
| 19 | 28 | ||
| 20 | /** | 29 | /** |
| @@ -8,7 +8,38 @@ | @@ -8,7 +8,38 @@ | ||
| 8 | <view class="quick">快速选择</view> | 8 | <view class="quick">快速选择</view> |
| 9 | </view> | 9 | </view> |
| 10 | <view class="item flex-ll"> | 10 | <view class="item flex-ll"> |
| 11 | + <!-- | ||
| 11 | <input value="" bindinput="input" placeholder="请输入预订时间"/> | 12 | <input value="" bindinput="input" placeholder="请输入预订时间"/> |
| 13 | + --> | ||
| 14 | + <!-- | ||
| 15 | + <picker-view | ||
| 16 | + indicator-style="height: 50px;" | ||
| 17 | + style="width: 100%; height: 300px;" | ||
| 18 | + value="{{pickerValue}}" | ||
| 19 | + bindchange="bindChange" | ||
| 20 | + > | ||
| 21 | + <picker-view-column> | ||
| 22 | + <view wx:for="{{pickerData.date}}" wx:key="pickerData.date.key" style="line-height: 50px">{{item}}</view> | ||
| 23 | + </picker-view-column> | ||
| 24 | + <picker-view-column> | ||
| 25 | + <view wx:for="{{pickerData.space}}" wx:key="pickerData.space.key" style="line-height: 50px">{{item}}</view> | ||
| 26 | + </picker-view-column> | ||
| 27 | + <picker-view-column> | ||
| 28 | + <view wx:for="{{pickerData.time[pickerValue[1]]}}" wx:key="pickerData.time.key" style="line-height: 50px">{{item}}</view> | ||
| 29 | + </picker-view-column> | ||
| 30 | + </picker-view> | ||
| 31 | + --> | ||
| 32 | + <picker | ||
| 33 | + mode="multiSelector" | ||
| 34 | + bindchange="bindMultiPickerChange" | ||
| 35 | + bindcolumnchange="bindMultiPickerColumnChange" | ||
| 36 | + value="{{pickerValue}}" | ||
| 37 | + range="{{pickerData}}" | ||
| 38 | + > | ||
| 39 | + <view class="picker"> | ||
| 40 | + 当前选择:{{multiArray[0][multiIndex[0]]}},{{multiArray[1][multiIndex[1]]}},{{multiArray[2][multiIndex[2]]}} | ||
| 41 | + </view> | ||
| 42 | + </picker> | ||
| 12 | </view> | 43 | </view> |
| 13 | <view class="item flex-ll"> | 44 | <view class="item flex-ll"> |
| 14 | <input value="" bindinput="input" placeholder="请输入包间名称"/> | 45 | <input value="" bindinput="input" placeholder="请输入包间名称"/> |
| @@ -26,4 +57,4 @@ | @@ -26,4 +57,4 @@ | ||
| 26 | <formids bindclick="submit" style="width: 100%;"> | 57 | <formids bindclick="submit" style="width: 100%;"> |
| 27 | <view class="submit">确定</view> | 58 | <view class="submit">确定</view> |
| 28 | </formids> | 59 | </formids> |
| 29 | -</view> | 60 | +</view> |
| 1 | +import util from './util'; | ||
| 2 | +let tpls=[ | ||
| 3 | + { | ||
| 4 | + id: 1, | ||
| 5 | + code: 1, | ||
| 6 | + name: '商务', | ||
| 7 | + }, | ||
| 8 | + { | ||
| 9 | + id: 2, | ||
| 10 | + code: 2, | ||
| 11 | + name: '温馨', | ||
| 12 | + }, | ||
| 13 | +]; | ||
| 1 | module.exports ={ | 14 | module.exports ={ |
| 2 | - tpls(){ | ||
| 3 | - return [ | ||
| 4 | - { | ||
| 5 | - id: 1, | ||
| 6 | - code: 1, | ||
| 7 | - name: '商务', | ||
| 8 | - }, | ||
| 9 | - { | ||
| 10 | - id: 2, | ||
| 11 | - code: 2, | ||
| 12 | - name: '温馨', | ||
| 13 | - }, | ||
| 14 | - ] | 15 | + tpls(id=''){ |
| 16 | + if(id){ | ||
| 17 | + for(let i=0;i<tpls.length;i++){ | ||
| 18 | + if(tpls[i].id==id){ | ||
| 19 | + return tpls[i] | ||
| 20 | + } | ||
| 21 | + } | ||
| 22 | + } | ||
| 23 | + return tpls; | ||
| 24 | + }, | ||
| 25 | + pickerData(){ | ||
| 26 | + let now=new Date()/1000; | ||
| 27 | + let date=[]; | ||
| 28 | + for(let i=0;i<30;i++){ | ||
| 29 | + let time=now+i*86400; | ||
| 30 | + date.push(util.unixtoTime(time,'MM-DD 星期WW')) | ||
| 31 | + } | ||
| 32 | + let daily={ | ||
| 33 | + '午市':'12:00-15:00', | ||
| 34 | + '晚市':'18:00-21:00', | ||
| 35 | + }; | ||
| 36 | + let ti=['午市','晚市']; | ||
| 37 | + let dts=[[],[]]; | ||
| 38 | + ti.forEach((tx,ii)=>{ | ||
| 39 | + let ts=daily[tx].split('-'); | ||
| 40 | + while (ts[0]<=ts[1]){ | ||
| 41 | + dts[ii].push(ts[0]); | ||
| 42 | + let _dt=ts[0].split(':'); | ||
| 43 | + if(_dt[1]=='30'){ | ||
| 44 | + _dt[0]=parseInt(_dt[0])+1; | ||
| 45 | + _dt[1]='00'; | ||
| 46 | + }else{ | ||
| 47 | + _dt[0]=parseInt(_dt[0])+0; | ||
| 48 | + _dt[1]='30'; | ||
| 49 | + } | ||
| 50 | + _dt[0]=_dt[0]<10?'0'+_dt[0]:_dt[0]; | ||
| 51 | + ts[0]=_dt.join(':'); | ||
| 52 | + } | ||
| 53 | + }) | ||
| 54 | + return [date,ti,dts] | ||
| 55 | + return { | ||
| 56 | + date:date, | ||
| 57 | + space:ti, | ||
| 58 | + time:dts, | ||
| 59 | + } | ||
| 15 | }, | 60 | }, |
| 16 | } | 61 | } |
-
Please register or login to post a comment