過javascript獲取日期方法封裝一些年月日期篩選,方便日后調用!
具體集合了以下幾種方法
效果如下:
主要代碼:
html:
javascript:
JavaScript中,Date對象用于處理日期和時間。常見創建Date對象的方式有兩種,具體介紹如下。推薦了解黑馬程序員web前端課程。
創建不帶參數的Date對象,示例代碼如下:
var d=new Date();
在上述代碼中,創建了一個含有系統當前日期和時間的Date對象。
創建一個指定日期的Date對象,示例代碼如下:
var d=new Date(2015,1);
在上述示例代碼中“2015”表示年份,“1”表示月份,運用這種方式可以分別傳入年、月、日、時、分、秒(月的范圍是0-11,即真實月份減去1),例如下面的示例代碼:
var=new Dte(2015,7,3,10,20,30,50);
在上述代碼中,創建了一個包含確切日期和時間的Date對象,即2015年8月3日10點20分30秒50毫秒。需要注意的是,在創建指定日期的Date對象時,最少需要指定年、月兩個參數,后面的參數在省略時會自動使用默認值。值得一提的是,通過字符串也可以傳入事件和日期,其創建方式如下:
var d=new Date('2017-10-0111:53:04');
在上述示例代碼中,系統會自動識別字符串,轉換為日期和時間。需要注意的是使用字符串傳入日期時,至少要指定年份。了解創建對象的常見方式之后,接下來介紹Date對象的常用方法。
(1)getFullYear()
獲取表示年份的4位數字,如2020。
(2)setFullYear(value)
設置年份
(3)getMonth()
獲取月份,范圍為0-11(0表示一月,1表示二月,依此類推)
(4)setMonth(value)
設置月份
(5)getDate()
獲取月份中的某一天,范圍為1~31
(6)setDate(value)
設置月份中的某一天
(7)getDay()
獲取星期,范圍為0-6(0表示星期日,1表示星期一,依此類推)
(8)getHours()
獲取小時數,范圍為0-23
(9)setHours(value)
設置小時數
(10)getMinutes()
獲取分鐘數,范圍為0~59
(11)setMinutes(value)
設置分鐘數
(12)getSeconds()
獲取秒數,范圍為0-59
(13)setSeconds(value)
設置秒數
(14)getMilliseconds()獲取毫秒數,范圍為0-99
(15)setMilliseconds(value)
設置毫秒數
(16)getTime()
獲取從1970-01-01 00:00:00距離Date對象所代表時間的毫秒數
(17)setTime(value)
通過從1970-01-01 00:00: 00計時的毫秒數來設置時間
喜歡記得關注一下哦。
期獲取方法
獲取方法用于獲取日期的某個部分(來自日期對象的信息)。下面是最常用的方法(以字母順序排序):
getTime() 方法返回自 1970 年 1 月 1 日以來的毫秒數:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getTime()</h2>
<p>JavaScript 中的內部時鐘從 1970 年 1 月 1 日午夜開始計算。</p>
<p>getTime() 函數返回從那時起的毫秒數:</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getTime();
</script>
</body>
</html>
getFullYear() 方法以四位數字形式返回日期年份
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getFullYear()</h2>
<p>getFullYear() 方法返回日期的完整年:</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getFullYear();
</script>
</body>
</html>
getMonth() 以數字(0-11)返回日期的月份:
在 JavaScript 中,第一個月(1 月)是月號 0,因此 12 月返回月號 11。
您可以使用名稱數組,并使用 getMonth() 將月份作為名稱返回:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getMonth()</h2>
<p>getMonth()方法以 0 到 11 之間的數字返回日期的月份。</p>
<p>要獲得正確的月份,您必須添加 1:</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getMonth() + 1;
</script>
</body>
</html>
getDate() 方法以數字(1-31)返回日期的日:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getDate()</h2>
<p>getDate() 方法以數字(1-31)返回日期的日:</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getDate();
</script>
</body>
</html>
getHours() 方法以數字(0-23)返回日期的小時數:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getHours()</h2>
<p>getHours() 方法以數字(0-23)返回日期的小時:</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getHours();
</script>
</body>
</html>
getDay() 方法以數字(0-6)返回日期的星期名(weekday):
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getDay()</h2>
<p>getDay() 方法將周名作為數字返回:</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getDay();
</script>
</body>
</html>
在 JavaScript 中,一周的第一天(0)表示“星期日”,即使世界上的一些國家認為周的第一天是“星期一”。
您可以使用名稱數組,并使用 getDay() 將星期名作為名稱返回:
*請認真填寫需求信息,我們會在24小時內與您取得聯系。