微信小程序-年月日時分秒六級聯動時間選擇器

上篇咱們介紹過三級聯動區域選擇器,今天給你們分享一個時間選擇器。大致思路跟上一個差很少就不贅述了,並且相對區域選擇器還沒那麼複雜,數據基本也是死的,用系統方法就能夠獲取當前時間。javascript

值得注意的是,滑動月份的時候每一個月的天數是不固定的。也就是會存在每個月2八、2九、30或31天的狀況。咱們要作出判斷,實時更新天數。java

咱們能夠用這個方法獲取當前年月的天數git

//輸入年、月計算當月天數並推入數組
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;
}

// 自動補零
function zeroPadding(i){
  return ('0' + i).slice(-2);
  // return (Array(2).join(0) + i).slice(-2);
}

圖1 最終效果

若是不須要秒的同窗,能夠自行去掉一個<picker-view-column></picker-view-column>作些相應的修改就能夠了。github

Demo放在git了有須要的能夠去下載。謝謝。數組

相關文章
相關標籤/搜索