JavaScript日期代码块

我们在设计前端的时候会遇到“昨天”、“上周”、“上月”、“上季度”、“去年”等操作,会涉及JavaScript代码的设计,如果有一个固定的JavaScript日期代码块供我们调用就会事半功倍。



我们先来了解一下JavaScript获取当前日期的知识:

var myDate = new Date();
myDate.getYear();        //获取当前年份(2位)
myDate.getFullYear();    //获取完整的年份(4位,1970-????)
myDate.getMonth();       //获取当前月份(0-11,0代表1月)
myDate.getDate();        //获取当前日(1-31)
myDate.getDay();         //获取当前星期X(0-6,0代表星期天)
myDate.getTime();        //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours();       //获取当前小时数(0-23)
myDate.getMinutes();     //获取当前分钟数(0-59)
myDate.getSeconds();     //获取当前秒数(0-59)
myDate.getMilliseconds();    //获取当前毫秒数(0-999)
myDate.toLocaleDateString();     //获取当前日期
var mytime=myDate.toLocaleTimeString();     //获取当前时间
myDate.toLocaleString( );        //获取日期与时间

1、“日”的操作
定义一个getDate()方法,通过参数“0”、“-1”、“1”等来获取“今天”、“昨天”、“明天”等日期,换句话说只要知道某一天和当前日期相差的天数,就可以通过getDate(“相差天数”)来获取那天的日期。

function getDate(dates) {
    var dd = new Date();
    dd.setDate(dd.getDate() + dates);
    var y = dd.getFullYear();
    var m = dd.getMonth() + 1;
    var d = dd.getDate();
    return y + "/" + m + "/" + d;
}

2、“周”的操作
我们可以先获取当前日期和本周一相差的天数,然后通过定义过的getDate()方法来获取本周一的日期,再进一步获取“上周一”、“下周一”等日期。例如,我们定义一个getMonday()方法,由于JavaScript中周日是“0”表示,所以可以直接获取到与本周一相差6天,其他相差天数均是当前星期减1天。那么就可以得到,周一:getDate(-getMonday());上周一:getDate(-getMonday()-7);下周一:getDate(-getMonday()+7)

function getMonday() {
    var d = new Date();
    var year = d.getFullYear();
    var month = d.getMonth() + 1;
    var date = d.getDate();
    // 周
    var day = d.getDay();
    var monday = day != 0 ? day - 1 : 6; // 本周一与当前日期相差的天数
    return monday;
}

3、“月”的操作
关于“月”我们经常会想到月的第一天和最后一天,所以我们定义方法的时候设置一个type参数(s,e)去区分是第一天和最后一天,设置另外一个参数months(-1,0,1)来代表上月、本月、下月,如下getMonth(type, months)。其中注意两个特殊情形,一个是当前月份是12月和1月时下月和上月的表示,另一个闰年对2月天数的影响。

function getMonth(type, months) {
    var d = new Date();
    var year = d.getFullYear();
    var month = d.getMonth() + 1;
    if (months != 0) {
        // 如果本月为12月,年份加1,月份为1,否则月份加1。
        if (month == 12 && months > 0) {
            year++;
            month = 1;
        } else if (month == 1 && months < 0) {
            year--;
            month = 12;
        } else {
            month = month + months;
        }
    }
    var date = d.getDate();
    var firstday = year + "/" + month + "/" + 1;
    var lastday = "";
    if (month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12) {
        lastday = year + "/" + month + "/" + 31;
    } else if (month == 2) {
        // 判断是否为闰年(能被4整除且不能被100整除 或 能被100整除且能被400整除)
        if ((year % 4 == 0 && year != 0) || (year %4 == 0 && year % 100 == 0)) {
            lastday = year + "/" + month + "/" + 29;
        } else {
            lastday = year + "/" + month + "/" + 28;
        }
    } else {
        lastday = year + "/" + month + "/" + 30;
    }
    var day = "";
    if (type == "s") {
        day = firstday;
    } else {
        day = lastday;
    }
    return day;
}

4、“季度”的操作
类似于“月”的操作我们用type(s,e)和months(-3,0,3)两个参数来表示一个季度的第一天、最后一天和上季度、本季度、下季度。先定义一个方法getQFMonth(month)获取当前月所在季度的第一个月,也就是当前季度的第一个月份,在定义一个getQF(type, months)方法去获取想要季度的第一天和最后一天日期。

function getQFMonth(month) {
    var quarterMonthStart = 0;
    var spring = 1; //春  
    var summer = 4; //夏  
    var fall = 7; //秋  
    var winter = 10; //冬  
    if (month < 3) { return spring; }
    if (month < 6) { return summer; }
    if (month < 9) { return fall; }
    return winter;
};

function getQF(type, months) {
    var d = new Date();
    var year = d.getFullYear();
    var month = d.getMonth() + 1;
    var qfmonth = getQFMonth(month);
    if (months != 0) {
        if (qfmonth == 10 && months > 0) {
            year++;
            qfmonth = 1;
        } else if (qfmonth == 1 && months < 0) {
            year--;
            qfmonth = 10;
        } else {
            qfmonth = qfmonth + months;
        }
    }
    var fd = year + "/" + qfmonth + "/" + 1;
    var ed = "";
    if (qfmonth == 1 || qfmonth == 10) {
        //一、四季度最后一个天均是31日,二、三季度最后一天均是30日
        ed = year + "/" + (qfmonth + 2) + "/" + 31;
    } else {
        ed = year + "/" + (qfmonth + 2) + "/" + 30;
    }
    var qf = "";
    if (type == "s") {
        qf = fd;
    } else {
        qf = ed;
    }
    return qf;
}

5、“年”的操作
“年”的操作比较简单,依然类似“月”的操作,采取type(s,e)和years(-1,0,1)分别代表年的第一天、最后一天和去年、今年、明年,如下getYears(type, years)

function getYears(type, years) {
    var d = new Date();
    var year = d.getFullYear();
    //一年的第一天和最后一天一定是1日和31日
    var fd = (year + years) + "/" + 1 + "/" + 1;
    var ed = (year + years) + "/" + 12 + "/" + 31;
    var yr = "";
    if (type == "s") {
        yr = fd;
    } else {
        yr = ed;
    }
    return yr;
}

日期格式化
为了美观,网页上的日期表示经常是“xxxx/xx/xx”格式,例如:2018/08/05,但是上述方法得到的日期在“月”“日”小于10时默认“月”“日”前面不加“0”,例如:2018/8/5。这里我们来定义一个zeroDate(ymd)方法来格式化日期,即当“月”“日”小于10时“月”“日”前面加“0”,参数“ymd”是上述方法得到的未格式化日期,使用者可以根据自己需要选择是否需要此格式化操作。

function zeroDate(ymd){
    var ymd = ymd.split("/");
    var y = ymd[0];
    var m = ymd[1];
    var d = ymd[2];
    if (m < 10){
        m = '0' + m
    };
    if (d < 10){
        d = '0' + d
    };
    ymd = y + "/" + m + "/" + d;
    return ymd;
}

此文章部分代码参考于网络。

如果你喜欢本文章,还请点个关注和喜欢,我会为大家不断地带来Python学习笔记。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,142评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,298评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,068评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,081评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,099评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,071评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,990评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,832评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,274评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,488评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,649评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,378评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,979评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,625评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,643评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,545评论 2 352

推荐阅读更多精彩内容

  • 手动不易,转发请注明出处 --Trance 数据库系统命令: (1).查看存储过程状态:show pro...
    Trance_b54c阅读 1,661评论 0 8
  • 常用的SQL例句全部懂了,你的数据库开发所需知识就够用了 ..--查看学生表的全部数据 select*fromst...
    香蕉小黄人阅读 669评论 0 0
  • 人生有很多种活法,我偏偏选择了最没意义的一种,所以想写点东西,不为什么,就想审视自己,让自己再次拥有内心!
    幽幽思阅读 192评论 0 0