Javascript获取指定日期

最新推荐文章于 2024-08-23 01:06:55 发布

SD_JZZ

最新推荐文章于 2024-08-23 01:06:55 发布

阅读量2.7k

点赞数 1

分类专栏： Python学习文章标签： javascript获取指定日期获取一周前的日期获取一个前的日期前端动态获取数据

本文链接：https://blog.csdn.net/SD_JZZ/article/details/70877974

版权

Python学习专栏收录该内容

12 篇文章 1 订阅

订阅专栏

Javascript获取指定日期

近期在做一个项目统计的页面，需要动态获取今天、昨天、近一周、近一年的统计数据。具体的效果是在页面点击不同Button，加载不同时间段的数据。效果图如下：

实现设计：

Step1：获取指定时间的日期数据

Step2：用当前起止时间进行搜索

代码实现：

1.定义日期格式化方法：

Date.prototype.Format = function (fmt) {
    var o = {
        "M+": this.getMonth() + 1, //月份
        "d+": this.getDate(), //日
        "h+": this.getHours(), //小时
        "m+": this.getMinutes(), //分
        "s+": this.getSeconds(), //秒
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
        "S": this.getMilliseconds() //毫秒
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}

2.根据日期差获取指定日期数据：

function getdate(days) {
    var now = new Date();
    var date = new Date(now.getTime() - days * 24 * 3600 * 1000);
    var dates = date.Format('yyyy-MM-dd');
    return dates;
}

3.获取不同制定时间的日期数据并赋值给起始日历框：

function today_btn() {
    var today = getdate(0);
    var tomorrow = getdate(-1);
    document.getElementById("startdate").value = today;
    document.getElementById("enddate").value = tomorrow;
}

function yestoday_btn() {
    var today = getdate(0);
    var yestoday = getdate(1);
    document.getElementById("startdate").value = yestoday;
    document.getElementById("enddate").value = today;
}

接下来的事情就是用获取到的日期进行数据请求了。