快捷導(dǎo)航

兩行代碼輕松搞定JavaScript日期驗(yàn)證

更新時(shí)間：2016年08月03日 14:55:25 作者：胡陽(yáng)廣

兩行代碼輕松搞定JavaScript日期驗(yàn)證,通過(guò)實(shí)例化Date對(duì)象來(lái)生成一個(gè)合法的日期，驗(yàn)證日期是否合法，感興趣的小伙伴們可以參考一下

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

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

其實(shí)這個(gè)技巧也很簡(jiǎn)單，通過(guò)實(shí)例化 Date 對(duì)象來(lái)生成一個(gè)合法的日期，再去對(duì)比年月日是否相等，以驗(yàn)證日期是否合法。

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

因?yàn)?12 月沒(méi)有 32 日，所以輸出的日期就是第二年的 1 月 1 日，年月日不相等，所以 2016 年 12 月 32 日不是一個(gè)合法的日期。

具體的實(shí)現(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;
}

測(cè)試：

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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