javascript-封装Date日期类

Posted Marydon

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript-封装Date日期类相关的知识,希望对你有一定的参考价值。

迁移时间:2017年5月27日18:43:02
Author:Marydon
javascript-封装Date日期类
  (一)对日期进行格式化
//自定义Date日期类的format()格式化方法
<script type="text/javascript">
    // 对Date的扩展,将 Date 转化为指定格式的String
    // 月(M)、日(d)、小时(H)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, 
    // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) 
    // 例子: 
    // (new Date()).Format("yyyy-MM-dd HH:mm:ss.S") ==> 2016-09-19 16:32:53.731
    // (new Date()).Format("yyyy-M-d H:m:s:S")      ==> 2016-9-19 16:40:9:955 
    Date.prototype.Format = function (fmt) { //author: meizz 
        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;
    };
    window.onload=function() {
        var date = new Date();
        var b = date.toLocaleDateString();//获取的格式为:2016年9月19日
        var d = date.toLocaleTimeString();//下午4:42:46
        var e = date.toLocaleString();//2016年9月19日 下午4:44:02
        var f = date.toDateString();//Mon Sep 19 2016
        var g = date.toUTCString();//Mon, 19 Sep 2016 08:45:42 GMT
        var h = date.toString();//Mon Sep 19 2016 16:46:23 GMT+0800 (中国标准时间)
        //自定义日期格式
        var c = date.Format("yyyy-MM-dd HH:mm:ss");//format()方法是自定义的
        document.getElementById("aa").value = c;
    };
</script>

  (二)根据日期返回本周周一和周日的日期

/**
 * 根据日期返回本周周一和周日的日期
 * @param day
 *     参数日期
 * @param num
 *     第几周
 * @return oneWeek
 *     周一,周日所在日期    
 */
function getWeekDate(day,num) {
    
    num = num || 0;
    // 返回值:周一和周日所在的日期
    var oneWeek = {};
    // 初始日期
    var initDate = "";
    // 截取年月日
    initDate = day.split(‘ ‘)[0];
    // ie兼容性问题,将yyyy-MM-dd转换成yyyy/MM/dd
    initDate = initDate.replace(/-/g,"/");
    // 将string转换成Date
    initDate = new Date(Date.parse(initDate));//格式只能是yyyy/MM/dd
    
    // 返回 day距离1970 年 1 月 1 日0时0分的毫秒数
    var nowTime = initDate.getTime(); 
    // 返回星期的某一天的数字: 0(周日) 到 6(周六)
    var weekNum = initDate.getDay();
    // 一天所代表的毫秒数
    var oneDayTime = 24 * 60 * 60 * 1000; 
    
    //显示周一
    var MondayTime = nowTime - (weekNum - 1) * oneDayTime ; 
    //显示周日
    var SundayTime =  nowTime + (7 - weekNum) * oneDayTime ; 
    if (0 != num) {
        MondayTime += 7 * num * oneDayTime;
        SundayTime += 7 * num * oneDayTime;
    }
    
    //初始化日期时间
    var monday = new Date(MondayTime);
    var sunday = new Date(SundayTime);
    // formatDate是自定义的格式化方法
    monday = monday.formatDate(‘yyyy-MM-dd‘);
    sunday = sunday.formatDate(‘yyyy-MM-dd‘);
    
    oneWeek.Monday = monday;
    oneWeek.Sunday = sunday;
    
    return oneWeek;
}

    测试:

var week = getWeekDate(‘2017-05-27‘,0);        
console.log(week.Monday + "," + week.Sunday);

 

 

以上是关于javascript-封装Date日期类的主要内容,如果未能解决你的问题,请参考以下文章

来自 <input type=date> 的 JavaScript 日期对象

带有神秘附加字符的 Javascript Date getTime() 代码片段

日期类Date

JavaScript(Date,Math,string)对象介绍

常用Javascript代码片段集锦

JavaScript Date(日期)对象