最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

 更新時(shí)間:2018年12月28日 10:46:33   作者:Rattenking  
這篇文章主要為大家詳細(xì)介紹了微信小程序當(dāng)前時(shí)間時(shí)段選擇器插件使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了微信小程序當(dāng)前時(shí)間時(shí)段選擇器的實(shí)現(xiàn)代碼,供大家參考,具體內(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

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

相關(guān)文章

  • javascript不可用的問題探究

    javascript不可用的問題探究

    在Twitter上的一些有趣的討論中, 我發(fā)現(xiàn)人們對(duì)于Web應(yīng)用和站點(diǎn)對(duì)javascript的依賴普遍存在一種疑惑. 這種疑惑一直都存在, 而對(duì)我而言, 這個(gè)問題隨著瀏覽技術(shù)的飛躍發(fā)展而集中爆發(fā)了
    2013-10-10
  • 基于JavaScript實(shí)現(xiàn)彈出框效果

    基于JavaScript實(shí)現(xiàn)彈出框效果

    彈出框在網(wǎng)站頁(yè)面中是必不可少的一部分,今天借助腳本之家平臺(tái)給大家分享使用js實(shí)現(xiàn)簡(jiǎn)單的彈出框效果,感興趣的朋友一起學(xué)習(xí)吧
    2016-02-02
  • 淺談頁(yè)面裝載js及性能分析方法

    淺談頁(yè)面裝載js及性能分析方法

    這篇文章主要簡(jiǎn)單介紹了頁(yè)面裝載js及性能分析方法的相關(guān)資料,需要的朋友可以參考下
    2014-12-12
  • JS中的構(gòu)造函數(shù)詳細(xì)解析

    JS中的構(gòu)造函數(shù)詳細(xì)解析

    本篇文章主要是對(duì)JS中的構(gòu)造函數(shù)進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助
    2014-03-03
  • echarts學(xué)習(xí)之legend點(diǎn)擊事件解讀

    echarts學(xué)習(xí)之legend點(diǎn)擊事件解讀

    這篇文章主要介紹了echarts學(xué)習(xí)之legend點(diǎn)擊事件解讀,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-03-03
  • ie中js創(chuàng)建checkbox默認(rèn)選中問題探討

    ie中js創(chuàng)建checkbox默認(rèn)選中問題探討

    js創(chuàng)建checkbox默認(rèn)選中在某些特殊情況下還是比較實(shí)用的,下面有個(gè)不錯(cuò)的示例,大家可以參考下
    2013-10-10
  • 理解JavaScript中window對(duì)象的一些用途

    理解JavaScript中window對(duì)象的一些用途

    這篇文章主要介紹了理解JavaScript中的window對(duì)象,本文通過實(shí)例代碼詳細(xì)介紹Window對(duì)象的一些重要用途,需要的朋友可以參考下
    2022-07-07
  • JavaScript定義及輸出螺旋矩陣的方法詳解

    JavaScript定義及輸出螺旋矩陣的方法詳解

    這篇文章主要介紹了JavaScript定義及輸出螺旋矩陣的方法,簡(jiǎn)單描述了螺旋矩陣的概念、原理并結(jié)合實(shí)例形式分析了javascript定義與輸出螺旋矩陣的具體操作技巧,需要的朋友可以參考下
    2017-12-12
  • OpenLayers實(shí)現(xiàn)圖層切換控件

    OpenLayers實(shí)現(xiàn)圖層切換控件

    這篇文章主要為大家詳細(xì)介紹了OpenLayers實(shí)現(xiàn)圖層切換控件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • JAVA Web實(shí)時(shí)消息后臺(tái)服務(wù)器推送技術(shù)---GoEasy

    JAVA Web實(shí)時(shí)消息后臺(tái)服務(wù)器推送技術(shù)---GoEasy

    本篇文章主要介紹了PHP實(shí)現(xiàn)Web實(shí)時(shí)消息后臺(tái)服務(wù)器推送技術(shù),這里整理了詳細(xì)的代碼,有需要的小伙伴可以參考下。
    2016-11-11

最新評(píng)論

调兵山市| 巴马| 郴州市| 东兰县| 武冈市| 龙川县| 获嘉县| 安塞县| 巨野县| 巫溪县| 乌鲁木齐县| 陇西县| 兴安盟| 壶关县| 运城市| 象州县| 安庆市| 北安市| 桑日县| 长宁区| 宣恩县| 虎林市| 三河市| 长宁区| 南平市| 孟州市| 东莞市| 怀来县| 武汉市| 屏南县| 武宁县| 昌乐县| 凌云县| 清远市| 远安县| 临武县| 淮安市| 阳高县| 宁化县| 赣州市| 仁寿县|