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