微信小程式的時間控制項picker view

2021-08-15 07:35:28 字數 1351 閱讀 3370

在原來基礎上改了點,由於專案需要按照功能需求自己在原有的元件上改寫的選擇日期時間外掛程式,但後來這個功能取消,所以整理下寫下來

}-}-} }:}確定

年月日時

分 }}}

}}

wxss:

.time-title

.picker-text

/*mask*/

.time_screens

js:

const date = new date()

const years =

const months =

const days =

const hours =

const minutes =

var thismon = date.getmonth();

var thisday = date.getdate();

for (let i = 2017; i <= date.getfullyear()+1; i++)

for (let i = date.getmonth(); i <= 11; i++) else

months.push(k)

}if (0 <= thismon && thismon<9)else

if (0 <= thisday && thisday<10)

var totalday = mgetdate(date.getfullyear(), thismon);

for (let i = 1; i <= 31; i++)

days.push(k)

}for (let i = 0; i <= 23; i++)

hours.push(k)

}for (let i = 0; i <= 59; i++)

minutes.push(k)

}function mgetdate(year, month)

page(,

bindchange: function (e) )

var totalday = mgetdate(this.data.year, this.data.month);

var changedate=;

for (let i = 1; i <= totalday; i++)

changedate.push(k)

}this.setdata()

},})

微信小程式設定控制項權重

1.橫向水平布局 實現水平布局,需要四個view容器元件,其中乙個是父容器。如下 box1 box2 box3 給父容器以下樣式 1 index.wxss 2 content其中display flex將view設定為彈性布局,flex direction row 設定布局的方向是橫向水平布局。在三...

微信小程式常用控制項彙總

image src images aaa.png image 2.文字標籤 text hello text 3.swiper滑動輪播 swiper catchtap onswipertap vertical indicator dots true autoplay true interval 500...

微信小程式時間加法 微信小程式日期轉換 比較 加減

日期轉時間戳 functiongetunixtime datestr 時間戳轉日期,falg true表示只要年月日,part year month date functiontodate number,flag,part else if part month else if part date r...