這篇文章給大家分享的是有關(guān)微信小程序當(dāng)前時(shí)間時(shí)段選擇器插件怎么用的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),呼瑪企業(yè)網(wǎng)站建設(shè),呼瑪品牌網(wǎng)站建設(shè),網(wǎng)站定制,呼瑪網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,呼瑪網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

具體內(nèi)容如下

DEMO效果圖

插件思路

準(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)建獲取季度開始的月份函數(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;
}
//獲取本季度的開始月份
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));
 }
 //獲取本周的開始日期
 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)));
 }
 //獲取本月的開始日期
 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)));
 }
 //獲取本季度的開始日期
 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)));
 }
 //獲取本年的開始日期
 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 git@github.com:Rattenking/GetPeriod.git

感謝各位的閱讀！關(guān)于“微信小程序當(dāng)前時(shí)間時(shí)段選擇器插件怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站名稱：微信小程序當(dāng)前時(shí)間時(shí)段選擇器插件怎么用-創(chuàng)新互聯(lián)
文章鏈接：http://weahome.cn/article/dcpdjc.html