微信小程序实现日期时间筛选器_javascript技巧_

                                                      {{ item.name }}                                                                         {{ item }}                                                                         {{ item }}                                            取消       确定        

const utils = require('../../utils/util') Component({   options: {     addGlobalClass: true   },   properties: {     show: {       type: Boolean,       value: false,       observer: '_showChange'     },     type: {       type: String,       value: 'center' // 类型：'left' -- 现在往前   'center' -- 往前&往后   'right' -- 现在往后     },     year: {       type: Number,       value: 1 // '时间区间{year}年' month不为undefined时该项失效     },     month: {       type: [Number, String],       value: 'undefined' // 'month' 不为undefined时  year失效     }   },   data: {     dateIndex: null,     hourValue: '',     minValue: '',     dateArr: [],     hourArr: [],     minArr: [],     activeTime: null // 抛出的时间戳   },   methods: {     _showChange(e) {       if (e) {         this.handleDateData()         this.initData()       }     },     handleSubmit() {       this.bindclose()       this.triggerEvent('change', { value: this.data.activeTime })     },     initData() {       const now = +new Date()       const index = this.data.dateArr.map(v => v.name).indexOf(utils.formatTime(now, '{m}月{d}日周{a}'))       let tmp = this.data.dateArr       tmp[index].name = '今天'       this.setData({         dateIndex: index,         hourValue: utils.formatTime(now, '{h}'),         minValue: utils.formatTime(now, '{i}'),         dateArr: tmp,         activeTime: now       })     },     handleDateData() {       const nowYear = new Date().getFullYear()       let mins = []       let hours = []       let dates = []       // 获取小时、分钟数组       for (let i = 0; i < 60; i++) {         mins.push(i.toString().length < 2 ? '0' + i : i.toString())       }       for (let j = 0; j < 24; j++) {         hours.push(j.toString().length < 2 ? '0' + j : j.toString())       }       dates = this.getDays(nowYear)       this.setData({         hourArr: hours,         minArr: mins,         dateArr: dates       })     },     getDays(year) {       let pre_days = []       let now_days = []       let aft_days = []       if (this.data.month == 'undefined') {         /** 按年处理 */         // 判断类型         if (this.data.type == 'left') {           for (let a = this.data.year; a >= 1; a--) {             pre_days.push(...this.getDaysByYear(year - a, true))           }         } else if (this.data.type == 'right') {           for (let b = 1; b <= this.data.year; b++) {             aft_days.push(...this.getDaysByYear(year + b, true))           }         } else {           for (let a = this.data.year; a >= 1; a--) {             pre_days.push(...this.getDaysByYear(year - a, true))           }           for (let b = 1; b <= this.data.year; b++) {             aft_days.push(...this.getDaysByYear(year + b, true))           }         }         now_days = this.getDaysByYear(year)       } else {         /** 按月处理 */         now_days = this.getDaysByMonth(year, this.data.type)       }       return pre_days.concat(now_days.concat(aft_days))     },     getDaysByYear(year, isIncludeYear) {       let days = []       for (let k = 1; k < 13; k++) {         let each_days = new Date(year, k, 0).getDate()         for (let _k = 1; _k <= each_days; _k++) {           let time = +new Date(`${year}-${k}-${_k}`)           if (isIncludeYear) {             days.push({ name: utils.formatTime(time, '{y}年{m}月{d}日周{a}'), value: time })           } else {             days.push({ name: utils.formatTime(time, '{m}月{d}日周{a}'), value: time })           }         }       }       return days     },     getDaysByMonth(year, type) {       let days = []       let nowMonth = new Date().getMonth() + 1       // 当月份传负的或0时当成本月       if (this.data.month > 0) {         let months = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]         let pre_mons = []         let aft_mons = []         // 生成往前、往后的月份数组         for (let k = 1; k <= this.data.month; k++) {           let tmp_pre = months.indexOf(nowMonth) - k           let tmp_aft = months.indexOf(nowMonth) + k           pre_mons.unshift(months[tmp_pre < 0 ? 12 + tmp_pre : tmp_pre])           aft_mons.push(months[tmp_aft > 12 ? tmp_aft - 12 : tmp_aft])         }         if (type != 'right') {           // 往前的月份的日期           pre_mons.forEach(v => {             // 跨年             let month_days = 0             if (v > nowMonth) {               month_days = new Date(year - 1, v, 0).getDate()               for (let k = 1; k <= month_days; k++) {                 let time = +new Date(`${year - 1}-${v}-${k}`)                 days.push({ name: utils.formatTime(time, '{y}年{m}月{d}日周{a}'), value: time })               }             } else {               month_days = new Date(year, v, 0).getDate()               for (let k = 1; k <= month_days; k++) {                 let time = +new Date(`${year}-${v}-${k}`)                 days.push({ name: utils.formatTime(time, '{m}月{d}日周{a}'), value: time })               }             }           })         }         // 本月的日期         let month_days = new Date(year, nowMonth, 0).getDate()         for (let k = 1; k <= month_days; k++) {           let time = +new Date(`${year}-${nowMonth}-${k}`)           days.push({ name: utils.formatTime(time, '{m}月{d}日周{a}'), value: time })         }         if (type != 'left') {           // 往后的月份的日期           aft_mons.forEach(_v => {             // 跨年             let month_days = 0             if (_v < nowMonth) {               month_days = new Date(year + 1, _v, 0).getDate()               for (let k = 1; k <= month_days; k++) {                 let time = +new Date(`${year + 1}-${_v}-${k}`)                 days.push({ name: utils.formatTime(time, '{y}年{m}月{d}日周{a}'), value: time })               }             } else {               month_days = new Date(year, _v, 0).getDate()               for (let k = 1; k <= month_days; k++) {                 let time = +new Date(`${year}-${_v}-${k}`)                 days.push({ name: utils.formatTime(time, '{m}月{d}日周{a}'), value: time })               }             }           })         }       } else {         let month_days = new Date(year, nowMonth, 0).getDate()         for (let k = 1; k <= month_days; k++) {           let time = +new Date(`${year}-${nowMonth}-${k}`)           days.push({ name: utils.formatTime(time, '{m}月{d}日周{a}'), value: time })         }       }       return days     },     dateChange(e) {       const day = this.data.dateArr[e.detail.value[0]]       let time = day.value + (Number(this.data.hourValue) * 3600 + Number(this.data.minValue) * 60) * 1000       this.setData({         dateIndex: e.detail.value[0],         activeTime: time       })     },     hourChange(e) {       const hour = Number(this.data.hourArr[e.detail.value[0]])       let time = this.data.dateArr[this.data.dateIndex].value + (hour * 3600 + Number(this.data.minValue) * 60) * 1000       this.setData({         hourValue: this.data.hourArr[e.detail.value[0]],      
                
提示：
                    本文由神整理自网络，如有侵权请联系本站删除！
                    

                    本站声明： 

                    1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持； 

                    2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！
                
                

                

                                            
上一篇：微信小程序实现地区选择伪五级联动_javascript技巧_
                                                                
下一篇：JavaScript中异步与回调的基本概念及回调地狱现象_javascript技巧_