JavaScript中的getDate()函數用于獲取指定日期是星期幾。它返回的是一個數字,0表示星期日,1表示星期一,以此類推,直到6表示星期六。在實際編程中,我們經常需要用到這個函數,比如在網站日歷中標記出節假日、周末等,下面就讓我們來看看這個函數的使用方法。
下面是getDate()函數的基本用法:
var date = new Date(); var day = date.getDay(); console.log(day);
以上代碼中,我們首先創建了一個Date對象,然后通過它的getDay()方法獲取到當前日期是星期幾,并把結果賦值給day變量。最后,我們輸出day的值,可以在控制臺中看到返回的數字。
下面我們通過一些例子來進一步了解getDate()函數的使用方法。
例子1:獲取指定日期是星期幾
var dateStr = '2022-10-01'; var date = new Date(dateStr); var day = date.getDay(); console.log(day);
以上代碼中,我們首先定義了一個字符串dateStr,它表示要查詢的日期。然后,我們把它轉化為一個Date對象,通過getDate()方法獲取到這個日期是星期幾,最后把結果輸出到控制臺中。
例子2:標記網頁日歷中周末日期
var calendar = document.getElementById('calendar'); var startDate = new Date('2022-07-01'); var daysOfMonth = [31,28,31,30,31,30,31,31,30,31,30,31]; var dayList = ['日','一','二','三','四','五','六']; for(var i=0; i<daysOfMonth.length; i++){ for(var j=1; j<=daysOfMonth[i]; j++){ var tempDate = new Date(startDate); tempDate.setMonth(startDate.getMonth()+i); tempDate.setDate(j); var day = tempDate.getDay(); if(day == 0 || day == 6){ var el = document.createElement('div'); el.className = 'weekend'; el.innerHTML = tempDate.getDate() + '<br><span>周'+dayList[day]+'</span>'; calendar.appendChild(el); } else { var el = document.createElement('div'); el.innerHTML = tempDate.getDate() + '<br><span>周'+dayList[day]+'</span>'; calendar.appendChild(el); } } }
以上代碼中,我們定義了一個id為calendar的元素,它表示日歷的容器。通過JavaScript動態生成日歷中每個日期的HTML代碼,同時根據getDate()函數獲取每個日期是星期幾,并附加不同的CSS類名來標記是周末還是工作日。
例子3:計算指定日志在當前日期之前相差的天數
var dateStr = '2022-09-01'; var date = new Date(dateStr); var currentTime = new Date(); var oneDay = 24*60*60*1000; var diffDays = Math.round((currentTime.getTime() - date.getTime())/oneDay); console.log(diffDays);
以上代碼中,我們先定義了一個dateStr字符串,它表示要計算的日期。把它轉化為一個Date對象,并使用Math庫中的round()方法計算出它和當前日期之間相差的天數,并把結果輸出到控制臺中。
總結:getDate()函數在JavaScript中被廣泛使用,它是獲取指定日期是星期幾的常用方法,并可以應用于眾多的場景,如網頁日歷、倒計時等。了解它的使用方法,可以幫助我們更好地實現一些應用程序的功能。