微信小程序?qū)崿F(xiàn)時間選擇

第微信小程序?qū)崿F(xiàn)時間選擇本文實例為大家分享了微信小程序?qū)崿F(xiàn)時間選擇的具體代碼，供大家參考，具體內(nèi)容如下

xml:

view

pickermode="date"value="{{dateValue}}"bindchange="datePickerBindchange"

view/view

view

text{{dateValue}}/text

imagesrc="/pages/images/turn_down.png"/image

/view

/picker

text至/text

pickermode="date"value="{{dateValue}}"bindchange="datePickerBindchange"

view/view

view

text{{dateValue}}/text

imagesrc="/pages/images/turn_down.png"/image

/view

/picker

/view

view/view

css:

.day-check{

width:100%;

height:30px;

display:flex;

flex-direction:row;

justify-content:center;

border-bottom:1pxsolidrgb(212,212,212);

.picker_color{

width:50%;

height:30px;

line-height:30px;

.turn_down_view{

width:100%;

height:30px;

display:flex;

flex-direction:row;

justify-content:center;

.picker_text{

width:50%;

height:30px;

line-height:30px;

font-size:30rpx;

text-align:center;

.img_down{

width:20px;

height:20px;

margin-top:5px;

.text_check{

width:6%;

height:30px;

line-height:30px;

font-size:30rpx;

text-align:center;

.order_query_item:active{

background-color:rgb(223,11,11);

}

js:

varanimation

//時間

constdate=newDate()

constyears=[]

constmonths=[]

constdays=[]

for(leti=1990;i=date.getFullYear();i++){

years.push(i)

for(leti=1;i=12;i++){

vark=i;

if(0=ii=9){

k="0"+(i);

}else{

k=(i);

months.push(k)

for(leti=1;i=31;i++){

vark=i;

if(0=ii=9){

k="0"+(i);

}else{

k=(i);

days.push(k)

Page({

/**

*頁面的初始數(shù)據(jù)

*/

data:{

currentIndex:0,

dateValue:'選擇時間',

datePickerBindchange:function(e){

this.setData({

dateValue:e.detail.value

})

pickChange:function(e){

this.setData({

index:e.detail.value

});

/**

*生命周期函數(shù)--監(jiān)聽頁面加載

*/

onLoad:function(options){

/**

*生命周期函數(shù)--監(jiān)聽頁面初次渲染完成

*/

onReady:function(){

/**

*生命周期函數(shù)--監(jiān)聽頁面顯示

*/

onShow:function(){

/**

*生命周期函數(shù)--監(jiān)聽頁面隱藏

*/

onHide:function(){

/**

*生命周期函數(shù)--監(jiān)聽頁面卸載

*/

onUnload:function(){

/**

*頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動作

*/

onPullDownRefresh:function(){

/**

*頁面上拉觸底事件的處理函數(shù)

*/

onReachBot