DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 兩行代碼輕松搞定JavaScript日期驗證
兩行代碼輕松搞定JavaScript日期驗證
編輯:關於JavaScript     

我們通常在 JavaScript 中驗證日期,基本的思路大概是,先判斷年月日是否有效,再判斷當月是否有當日,比如一些月份沒有 31 日,平年二月沒有 29、30 日,閏年二月沒有 30 日等等。 

偶然間發現一個技巧,能判斷以上所有的情況。除去賦值代碼,實際代碼僅兩行。 

其實這個技巧也很簡單,通過實例化 Date 對象來生成一個合法的日期,再去對比年月日是否相等,以驗證日期是否合法。 

var originalYear = 2016;
var originalMonth = 12;
var originalDay = 32;
var date = new Date(originalYear, originalMonth - 1, originalDay);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
console.log(year + '-' + month + '-' + day); // 2017-1-1 

因為 12 月沒有 32 日,所以輸出的日期就是第二年的 1 月 1 日,年月日不相等,所以 2016 年 12 月 32 日不是一個合法的日期。 

具體的實現代碼:

 var validateDate = function (originalYear, originalMonth, originalDay) {
 var date = new Date(originalYear, originalMonth - 1, originalDay);
 var year = date.getFullYear();
 var month = date.getMonth() + 1;
 var day = date.getDate();
 return year == originalYear && month == originalMonth && day == originalDay;
} 

測試: 

console.log(validateDate()); // false
console.log(validateDate(-1, -1, -1)); // false
console.log(validateDate('', '', '')); // false
console.log(validateDate([], [], [])); // false
console.log(validateDate({}, {}, {})); // false

// 平年二月。
console.log(validateDate(2015, 2, 29)); // false
// 閏年二月。
console.log(validateDate(2016, 2, 29)); // true
console.log(validateDate(2016, 6, 30)); // true
console.log(validateDate(2016, 6, 31)); // false
console.log(validateDate('2016', '01', '01')); // true

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved