脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js日期验证

两行代码轻松搞定JavaScript日期验证

 更新时间：2016年08月03日 14:55:25   作者：胡阳广  
两行代码轻松搞定JavaScript日期验证,通过实例化Date对象来生成一个合法的日期，验证日期是否合法，感兴趣的小伙伴们可以参考一下

我们通常在 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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Javascript 获取字符串字节数的多种方法

    Javascript 获取字符串字节数的多种方法

    Javascript 字符串字节数获取功能多种方法
    2009-06-06
  • javascript跳转与返回和刷新页面的实例代码

    javascript跳转与返回和刷新页面的实例代码

    这篇文章主要介绍了javascript跳转与返回和刷新页面的实例代码，简单介绍了javascript中window.open()与window.location.href的区别，感兴趣的朋友一起看看吧
    2019-11-11
  • JavaScript实现随机点名网页

    JavaScript实现随机点名网页

    这篇文章主要为大家详细介绍了JavaScript实现随机点名网页，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • PassWord输入框代码分享

    PassWord输入框代码分享

    这篇文章主要介绍了PassWord输入框的代码,代码简单易懂，非常实用，具有参考借鉴价值，需要的朋友可以参考下
    2016-06-06
  • JS+Ajax实现百度智能搜索框

    JS+Ajax实现百度智能搜索框

    现在遇到这样的需求，要求输入一个a之后会出现包含a的下拉列表，当我们点击某一个的时候，搜索框中就会出现点击的值。下面小编给大家分享同js和ajax实现百度智能搜索框，需要的的朋友参考下实现代码
    2017-08-08
  • js Dialog 实践分享

    js Dialog 实践分享

    在我们的WebApp项目中，Dialog是个不可或缺的元素，很多页面操作都通过Dialog来进行，今天我们就Dialog显示数据、提交数据做进一步分析
    2012-10-10
  • JavaScript前后端JSON使用方法教程

    JavaScript前后端JSON使用方法教程

    这篇文章主要给大家介绍了关于JavaScript前后端JSON使用方法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • Js数组排序函数sort()介绍

    Js数组排序函数sort()介绍

    本文给大家简单探讨下Js数组排序函数sort()的用法和示例，有需要的小伙伴可以参考下。
    2015-06-06
  • 原生js实现日期计算器功能

    原生js实现日期计算器功能

    这篇文章主要为大家详细介绍了原生js实现日期计算器功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 图片轮换效果实现代码(点击按钮停止执行)

    图片轮换效果实现代码(点击按钮停止执行)

    在这个实例中需要注意的是，要把images文件夹下图片的命名设置为有顺序的，1、2、3..才可以，感兴趣的朋友可以参考下
    2013-04-04

最新评论