麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁(yè) > 課堂 > 小程序 > 正文

微信小程序當(dāng)前時(shí)間時(shí)段選擇器插件使用方法詳解

2020-03-21 16:04:00
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

本文實(shí)例為大家分享了微信小程序當(dāng)前時(shí)間時(shí)段選擇器的實(shí)現(xiàn)代碼,供大家參考,具體內(nèi)容如下

DEMO效果圖

微信小程序,時(shí)間選擇器

插件思路

準(zhǔn)備工作

  1. 獲取當(dāng)前時(shí)間,同時(shí)獲取當(dāng)前的年、月、日、周幾;
  2. 創(chuàng)建處理日期數(shù)字的函數(shù);
  3. 創(chuàng)建格式化日期的函數(shù);
  4. 創(chuàng)建獲取某月天數(shù)的函數(shù);
  5. 創(chuàng)建獲取季度開(kāi)始的月份函數(shù)。

獲取時(shí)段

  1. 創(chuàng)建獲取當(dāng)天的時(shí)段函數(shù);
  2. 創(chuàng)建獲取本周的時(shí)段函數(shù);
  3. 創(chuàng)建獲取本月的時(shí)段函數(shù);
  4. 創(chuàng)建獲取本季度的時(shí)段函數(shù);
  5. 創(chuàng)建獲取本年的時(shí)段函數(shù);
  6. 創(chuàng)建自定義時(shí)段函數(shù)。

準(zhǔn)備階段的JS

constructor() { this.now = new Date(); this.nowYear = this.now.getYear(); //當(dāng)前年  this.nowMonth = this.now.getMonth(); //當(dāng)前月  this.nowDay = this.now.getDate(); //當(dāng)前日  this.nowDayOfWeek = this.now.getDay(); //今天是本周的第幾天  this.nowYear += (this.nowYear < 2000) ? 1900 : 0;}//格式化數(shù)字formatNumber(n) { n = n.toString() return n[1] ? n : '0' + n}//格式化日期formatDate(date) { let myyear = date.getFullYear(); let mymonth = date.getMonth() + 1; let myweekday = date.getDate(); return [myyear, mymonth, myweekday].map(this.formatNumber).join('-');}//獲取某月的天數(shù)getMonthDays(myMonth) { let monthStartDate = new Date(this.nowYear, myMonth, 1); let monthEndDate = new Date(this.nowYear, myMonth + 1, 1); let days = (monthEndDate - monthStartDate) / (1000 * 60 * 60 * 24); return days;}//獲取本季度的開(kāi)始月份getQuarterStartMonth() { let startMonth = 0; if (this.nowMonth < 3) {  startMonth = 0; } if (2 < this.nowMonth && this.nowMonth < 6) {  startMonth = 3; } if (5 < this.nowMonth && this.nowMonth < 9) {  startMonth = 6; } if (this.nowMonth > 8) {  startMonth = 9; } return startMonth;}

時(shí)段函數(shù)JS

//獲取今天的日期 getNowDate() { return this.formatDate(new Date(this.nowYear, this.nowMonth, this.nowDay)); } //獲取本周的開(kāi)始日期 getWeekStartDate() { return this.formatDate(new Date(this.nowYear, this.nowMonth, this.nowDay - this.nowDayOfWeek + 1)); } //獲取本周的結(jié)束日期 getWeekEndDate() { return this.formatDate(new Date(this.nowYear, this.nowMonth, this.nowDay + (6 - this.nowDayOfWeek + 1))); } //獲取本月的開(kāi)始日期 getMonthStartDate() { return this.formatDate(new Date(this.nowYear, this.nowMonth, 1)); } //獲取本月的結(jié)束日期 getMonthEndDate() { return this.formatDate(new Date(this.nowYear, this.nowMonth, this.getMonthDays(this.nowMonth))); } //獲取本季度的開(kāi)始日期 getQuarterStartDate() { return this.formatDate(new Date(this.nowYear, this.getQuarterStartMonth(), 1)); } //獲取本季度的結(jié)束日期  getQuarterEndDate() { return this.formatDate(new Date(this.nowYear, this.getQuarterStartMonth() + 2, this.getMonthDays(this.getQuarterStartMonth() + 2))); } //獲取本年的開(kāi)始日期 getYearStartDate() { return this.formatDate(new Date(this.nowYear, 0, 1)); } //獲取本年的結(jié)束日期 getYearEndDate() { return this.formatDate(new Date(this.nowYear, 11, 31)); }

使用方法

1.引入getperiod.js

const GetPeriod = require("../../utils/getperiod.js");

2.使用getperiod.js

this.time = new GetPeriod();//獲取本年的結(jié)束日期let end = this.time.getYearEndDate();

項(xiàng)目地址

微信小程序—-時(shí)段選取插件

git clone [email protected]:Rattenking/GetPeriod.git

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持VEVB武林網(wǎng)。


發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 久久成人激情视频 | 欧美成人精品一区二区 | 国产精品免费小视频 | 国产精品视频久久久 | 久久蜜桃精品一区二区三区综合网 | 精品国产91久久久久久 | 欧美天堂一区 | 毛片免费观看视频 | 性欧美在线视频 | 欧美h版在线观看 | 欧美人成在线 | 国产成人精品一区二区仙踪林 | 逼片视频 | 天天草天天干天天射 | 康妮卡特欧美精品一区 | 欧美精品一区二区久久 | 欧美成人精品h版在线观看 久久久久久三区 | 欧美日韩免费观看视频 | 未成年人在线观看 | 暴力强行进如hdxxx | 国产免费小视频在线观看 | 国产超碰人人做人人爱 | 久久久三区 | 免费看成人av | 欧美在线成人影院 | 日日摸夜夜添夜夜添牛牛 | 97视频| 免费一级片观看 | 涩涩伊人 | 欧美黄色视屏 | 成人在线激情视频 | 成码无人av片在线观看网站 | 美女黄网站免费观看 | 草逼一区 | 欧美18—19sex性hd | 国产精品手机在线亚洲 | 久夜草| 精品一区二区三区免费毛片爱 | 毛片视频网站在线观看 | 久久经典国产视频 | 国产99视频精品免视看9 |