兩行代碼輕松搞定JavaScript日期驗證

更新時間：2016年08月03日 14:55:25 作者：胡陽廣

兩行代碼輕松搞定JavaScript日期驗證,通過實例化Date對象來生成一個合法的日期，驗證日期是否合法，感興趣的小伙伴們可以參考一下

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

偶然間發(fā)現(xiàn)一個技巧，能判斷以上所有的情況。除去賦值代碼，實際代碼僅兩行。

其實這個技巧也很簡單，通過實例化 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 日不是一個合法的日期。

具體的實現(xiàn)代碼：

 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

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

您可能感興趣的文章:

Javascript 獲取字符串字節(jié)數(shù)的多種方法
Javascript 字符串字節(jié)數(shù)獲取功能多種方法
2009-06-06
javascript跳轉與返回和刷新頁面的實例代碼
這篇文章主要介紹了javascript跳轉與返回和刷新頁面的實例代碼，簡單介紹了javascript中window.open()與window.location.href的區(qū)別，感興趣的朋友一起看看吧
2019-11-11
JavaScript實現(xiàn)隨機點名網(wǎng)頁
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)隨機點名網(wǎng)頁，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
PassWord輸入框代碼分享
這篇文章主要介紹了PassWord輸入框的代碼,代碼簡單易懂，非常實用，具有參考借鑒價值，需要的朋友可以參考下
2016-06-06
JS+Ajax實現(xiàn)百度智能搜索框
現(xiàn)在遇到這樣的需求，要求輸入一個a之后會出現(xiàn)包含a的下拉列表，當我們點擊某一個的時候，搜索框中就會出現(xiàn)點擊的值。下面小編給大家分享同js和ajax實現(xiàn)百度智能搜索框，需要的的朋友參考下實現(xiàn)代碼
2017-08-08
js Dialog 實踐分享
在我們的WebApp項目中，Dialog是個不可或缺的元素，很多頁面操作都通過Dialog來進行，今天我們就Dialog顯示數(shù)據(jù)、提交數(shù)據(jù)做進一步分析
2012-10-10
JavaScript前后端JSON使用方法教程
這篇文章主要給大家介紹了關于JavaScript前后端JSON使用方法的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-11-11
Js數(shù)組排序函數(shù)sort()介紹
本文給大家簡單探討下Js數(shù)組排序函數(shù)sort()的用法和示例，有需要的小伙伴可以參考下。
2015-06-06
原生js實現(xiàn)日期計算器功能
這篇文章主要為大家詳細介紹了原生js實現(xiàn)日期計算器功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
圖片輪換效果實現(xiàn)代碼(點擊按鈕停止執(zhí)行)
在這個實例中需要注意的是，要把images文件夾下圖片的命名設置為有順序的，1、2、3..才可以，感興趣的朋友可以參考下
2013-04-04