IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 微信小程序获取本日、本周、本月、本年时间段 -> 正文阅读

[JavaScript知识库]微信小程序获取本日、本周、本月、本年时间段

原文链接

https://cslaoxu.vip/110.html

说明

最近需要用到统计不同时间段内的记录数,所以找了一下现成的工具类。下面就演示一下如何引用到实际项目中。

详细用法请参考:https://github.com/Rattenking/GetPeriod

创建工具类

以我的项目为例,在utils文件夹下新建js文件:getperiod.js

class GetPeriod {
    constructor() {
        this.now = new Date();
        this.nowYear = this.now.getYear(); //当前年 
        this.nowMonth = this.now.getMonth(); //当前月 
        this.nowDay = this.now.getDate(); //当前日 
        this.nowDayOfWeek = this.now.getDay(); //今天是本周的第几天 
        this.nowYear += (this.nowYear < 2000) ? 1900 : 0;
    }
    //格式化数字
    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('/');
    }
    //获取某月的天数
    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;
    }
    //获取今天的日期
    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));
    }
    //获取本周的结束日期
    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));
    }
    //获取本月的结束日期
    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));
    }
    //获取本季度的结束日期 
    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));
    }
    //获取本年的结束日期
    getYearEndDate() {
        return this.formatDate(new Date(this.nowYear, 11, 31));
    }
    //获取时段方法
    getPeriod(obj) {
        let opts = obj || {}, time = null;
        opts = {
            periodType: opts.periodType || 'now',
            spaceType: opts.spaceType || '~'
        }
        function formatNumber(param1, param2) {
            return [param1, param2].join(opts.spaceType);
        }
        if (opts.periodType == 'week') {
            time = formatNumber(this.getWeekStartDate(), this.getWeekEndDate());
        } else if (opts.periodType == 'month') {
            time = formatNumber(this.getMonthStartDate(), this.getMonthEndDate());
        } else if (opts.periodType == 'quarter') {
            time = formatNumber(this.getQuarterStartDate(), this.getQuarterEndDate());
        } else if (opts.periodType == 'year') {
            time = formatNumber(this.getYearStartDate(), this.getYearEndDate());
        } else {
            time = formatNumber(this.getNowDate(), this.getNowDate());
        }
        return time;
    }
}
module.exports = GetPeriod;

引入js

  • 在页面index.js开头引入
const GetPeriod = require("../../utils/getperiod.js");
  • data结构里面声明一个对象变量
data: {
	period: ''
}
  • 在页面加载时创建对象实例
    onLoad函数开头:
this.data.period = new GetPeriod();

调用方法

在需要的地方调用其方法,例如:

// 本周
if (this.data.period_index == 1) {
    startDate = this.data.period.getWeekStartDate();
    endDate = this.data.period.getWeekEndDate();
}
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-05-06 10:58:49  更:2022-05-06 11:00:02 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 22:58:55-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码