上篇我們介紹過三級聯(lián)動區(qū)域選擇器，今天給大家分享一個時間選擇器。大體思路跟上一個差不多就不贅述了，而且相對區(qū)域選擇器還沒那么復(fù)雜，數(shù)據(jù)基本也是死的，用系統(tǒng)方法就可以獲取當(dāng)前時間。

值得注意的是，滑動月份的時候每個月的天數(shù)是不固定的。也就是會存在每月28、29、30或31天的情況。我們要做出判斷，實(shí)時更新天數(shù)。

我們可以用這個方法獲取當(dāng)前年月的天數(shù)

//輸入年、月計(jì)算當(dāng)月天數(shù)并推入數(shù)組

var getDays = function (year, month) {

// month 取自然值，從 1-12 而不是從 0 開始

var dayCount = new Date(year, month, 0).getDate();

// 如果 month 按 javascript 的定義從 0 開始的話就是

// return new Date(year, month + 1, 0).getDate()

var tempDays = [];

for (let i = 1; i <= dayCount; i++) {

i = zeroPadding(i);

tempDays.push(i)

}

return tempDays;

}

// 自動補(bǔ)零

function zeroPadding(i){

return ('0' + i).slice(-2);

// return (Array(2).join(0) + i).slice(-2);

}

如果不需要秒的同學(xué)，可以自行去掉一個做些相應(yīng)的修改就可以了。

Demo放在git了有需要的可以去下載。謝謝。

總結(jié)

以上是生活随笔為你收集整理的php 时分秒选择联动,微信小程序-年月日时分秒六级联动时间选择器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。