js獲取日期及日期相關js方法積累總結

isLishude 發布于2019-08-22 18:16 / 1950人閱讀

摘要：獲取日期常用如下中國標準時間獲取完整的年份位獲取當前月份代表月獲取當前日獲取當前星期代表星期天更多請點擊標準庫或相關參考的第一篇獲取當前日期時間及其它操作。

js獲取日期

常用如下：

    var date = new Date();//中國標準時間
    var year = date.getFullYear();//獲取完整的年份(4位)
    var month = date.getMonth();//獲取當前月份(0-11,0代表1月)
    var nowDate = date.getDate();//獲取當前日(1-31)
    var day = date.getDay();//獲取當前星期X(0-6,0代表星期天)

更多請點擊JavaScript 標準庫 Date或相關參考的第一篇Js獲取當前日期時間及其它操作。

日期的相關方法 格式化日期

1、yyyy-MM-dd

//格式化日期：yyyy-MM-dd
function formatDate(date) {
    var myyear = date.getFullYear();
    var mymonth = date.getMonth() + 1;
    var myweekday = date.getDate();
 
    if (mymonth < 10) {
        mymonth = "0" + mymonth;
    }
    if (myweekday < 10) {
        myweekday = "0" + myweekday;
    }
    return (myyear + "-" + mymonth + "-" + myweekday);//想要什么格式都可以隨便自己拼
}

var date = new Date();
//date
//Mon Jun 25 2018 15:32:38 GMT+0800 (中國標準時間)
formatDate(date);
//"2018-06-25"

或者 js標準時間格式化中@joy鈺的回答：

function formatDate(dateArg) {
    const date = new Date(dateArg);
    const year = date.getFullYear();
    const month = date.getMonth() + 1;
    const day = date.getDate();
    const formatMonth = month < 10 ? `0${month}` : month;
    const formatDay = day < 10 ? `0${day}` : day;

    return `${year}-${formatMonth}-${formatDay}`
}

2、xx 年 xx 月 xx 日 xx 時 xx 分

//獲取當前日期 時間
function todayTime() {
        var date = new Date();
        var curYear = date.getFullYear();
        var curMonth = date.getMonth() + 1;
        var curDate = date.getDate();
        if(curMonth<10){
                curMonth = "0" + curMonth;
        }
        if(curDate<10){
                curDate = "0" + curDate;
        }    
        var curHours = date.getHours();
        var curMinutes = date.getMinutes();
        var curtime = curYear + " 年 " + curMonth + " 月 " + curDate +" 日" + curHours + "時 " + curMinutes + "分 ";
        return curtime;
}

3、英文格式日期

//獲取當前日期 英文
function todayTimeEn() {
        var dt = new Date();
        var m = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
        mn = dt.getMonth();
        dn = dt.getDate();
        if(dn<10){
                dn = "0" + dn;
        }
        var curtime = m[mn] + " " + dn + ", " + dt.getFullYear();
        return curtime;
}

4、自定義任意格式

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;
   }

使用方法：

new Date().Format("yyyy-MM-dd hh:mm")
//console.log打印結果： "2019-08-22 16:42"

new Date().Format("yyyy.MM.dd hh:mm")
//console.log打印結果： "2019.08.22 16:44"

new Date().Format("yyyy-MM-dd")
//console.log打印結果："2019-08-22"

周、月相關的日期方法

1、一周、本周

//近七天的日期
function setDate() {
            var now = new Date();
            //一天的毫秒數
            var millisecond = 1000 * 60 * 60 * 24;
            var end= new Date(now.getTime() - (7 * millisecond));
 
            var beginDate = formatDate(now);
            var endDate = formatDate(end);
            console.log("beginDate："+beginDate);
            console.log("endDate ："+endDate );
 }
 
//本周日期 (取周一為第一天、周日為最后一天)
function weekDate() {
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth();
        var nowDate = date.getDate();
        var day = date.getDay();
        var beginDate = new Date(year, month, nowDate - day + 1);
        var endDate = new Date(year, month, nowDate + (6 - day) + 1);
        beginDate = formatDate(beginDate);
        endDate = formatDate(endDate);
        console.log("beginDate："+beginDate);
        console.log("endDate ："+endDate );
    }

2、月

    //本月日期
    function monthDate() {
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        if (month < 10) {
            month = "0" + month;
        }
        var day = getDaysInOneMonth(year, month);
        var beginDate = year + "-" + month + "-01";
        var endDate = year + "-" + month + "-" + day;
        console.log("beginDate："+beginDate);
        console.log("endDate ："+endDate );
    }
 
    //獲取某月天數
    function getDaysInOneMonth(year, month) {
        month = parseInt(month, 10);
        var d = new Date(year, month, 0);
        return d.getDate();
    }

獲取前天、昨天、今天、明天、后天的時間

function GetDateStr(AddDayCount) {
    var dd = new Date();
    dd.setDate(dd.getDate()+AddDayCount);//獲取AddDayCount天后的日期
    var y = dd.getFullYear();
    var m = dd.getMonth()+1;//獲取當前月份的日期
    var d = dd.getDate();
    return y+"-"+m+"-"+d;
}
console.log("前天："+GetDateStr(-2));
console.log("昨天："+GetDateStr(-1));
console.log("今天："+GetDateStr(0));
console.log("明天："+GetDateStr(1));
console.log("后天："+GetDateStr(2));
console.log("大后天："+GetDateStr(3));

獲取起始時間算起第n周的日期

function weeks_enddate(startdate,n){
    var date = new Date(startdate);
    date.setTime(date.getTime() + 3600 * 1000 * 24 * 7 * n);//第n周，1、2、3、4.....
    return formatDate(date);
}

//示例：
var startdate = "2018-06-27";//或者 var startdate= new Date()這樣寫也行的
var week_num = 2;//n是從1開始的整數即可
var enddate = weeks_enddate(startdate,week_num);
console.log("enddate ："+enddate );
//enddate ：2018-07-11

上述方法，稍加修改，即可完成如下：

//以周一為一周的第一天算，獲取以開始日期所在周為第一周算起的第n周周日的日期
function weeks_enddate(startdate,n){//startdate為開始日期，第n周
    var date = new Date(startdate);
    var year = date.getFullYear();
    var month = date.getMonth();
    var nowDate = date.getDate();
    var day = date.getDay();
    if(day > 0){
        date = new Date(year, month, nowDate + (6 - day) + 1);
    }    
    date.setTime(date.getTime() + 3600 * 1000 * 24 * 7 * (n-1));//第n周
    return formatDate(date);
}

//示例：
var startdate = "2018-08-10"; 
var n = 3;//第3周
weeks_enddate(startdate,n);//執行結果為"2018-08-26"，以開始日期所在周算為第一周獲取第三周周日的日期

//示例：
var startdate = "2018-08-10"; 
var n = 0;
weeks_enddate(startdate,n);//執行結果為"2018-08-05"，上周日的日期

//示例：
var startdate = "2018-08-10"; 
var n = -1;
weeks_enddate(startdate,n);//執行結果為"2018-07-29"，上上周日的日期

相關參考

Js獲取當前日期時間及其它操作
js將日期轉換為英文格式
js 獲取前天、昨天、今天、明天、后天的時間

云服務器 GPU云服務器 js獲取日期 js獲取日期時間 js獲取陰歷日期 js日期大于當前日期

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95682.html

前端技術博客文章、書籍積累

摘要：好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優雅地使用把標簽放在結束標簽之后結束標簽之前的差別什么是響應式設計怎樣進行書籍《JavaScriptDOM編程藝術》《JavaScript高級程序設計》《JavaScript框架設計》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹（修訂版）》《JavaScript設計模式》《J...

LiangJ 2019-08-30 12:58 評論0 收藏0
前端技術博客文章、書籍積累

摘要：好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優雅地使用把標簽放在結束標簽之后結束標簽之前的差別什么是響應式設計怎樣進行書籍《JavaScriptDOM編程藝術》《JavaScript高級程序設計》《JavaScript框架設計》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹（修訂版）》《JavaScript設計模式》《J...

codercao 2019-08-19 18:10 評論0 收藏0
前端技術博客文章、書籍積累

摘要：好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優雅地使用把標簽放在結束標簽之后結束標簽之前的差別什么是響應式設計怎樣進行書籍《JavaScriptDOM編程藝術》《JavaScript高級程序設計》《JavaScript框架設計》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹（修訂版）》《JavaScript設計模式》《J...

huayeluoliuhen 2019-08-01 15:13 評論0 收藏0
Date對象常用的封裝方法及遇到的坑

摘要：使用中的對象已經很久了但是一直以來都沒有將常用的封裝函數和遇到的坑記錄下來趁著今天有空就記錄下來方便自己下次直接使用并提醒自己遇到過那些坑。利用設置日期時從設置當設置為時即上個月的最后一天參考使用JS中的Date對象已經很久了,但是一直以來都沒有將常用的封裝函數和遇到的坑記錄下來,趁著今天有空,就記錄下來,方便自己下次直接使用,并提醒自己遇到過那些坑。如果有哪些地方不對,希望大家能夠...

taowen 2019-08-23 16:10 評論0 收藏0
開發中遇到的問題總結

摘要：獲取字符串中出現次數最多的字符。去掉字符串中的所有空格中對象數組按對象屬性排序 VUE 1、vue——解決You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

wenshi11019 2019-08-23 16:03 評論0 收藏0