上篇咱们介绍过三级联动区域选择器,今天给你们分享一个时间选择器。大致思路跟上一个差很少就不赘述了,并且相对区域选择器还没那么复杂,数据基本也是死的,用系统方法就能够获取当前时间。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); }
若是不须要秒的同窗,能够自行去掉一个<picker-view-column></picker-view-column>作些相应的修改就能够了。github
Demo放在git了有须要的能够去下载。谢谢。数组