微信小程序-年月日时分秒六级联动时间选择器

上篇咱们介绍过三级联动区域选择器,今天给你们分享一个时间选择器。大致思路跟上一个差很少就不赘述了,并且相对区域选择器还没那么复杂,数据基本也是死的,用系统方法就能够获取当前时间。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了有须要的能够去下载。谢谢。数组