javascript 验证日期的函数

我们来详细讲解一下如何利用 JavaScript 编写验证日期的函数。

函数基本结构

一个基本的 JavaScript 验证日期的函数应该具有以下结构：

function validateDate(input){
   // 对传入的参数 input 进行验证
  // 如果符合日期格式，则返回 true，否则返回 false
  return true; // 或者 false
}

其中，input 是需要验证的日期，我们需要对其进行验证，确认其是否符合某一指定格式的日期字符串。如果符合，则返回 true，否则返回 false。

验证思路

验证日期字符串的基本思路是，使用正则表达式来验证字符串是否符合指定的日期格式。在 JavaScript 中，我们可以使用 test() 方法来进行正则表达式的匹配。

比如，如果我们要验证的日期格式是 yyyy-mm-dd，那么可以使用以下正则表达式进行匹配：

/^\d{4}-\d{2}-\d{2}$/.test(input)

其中，/^\d{4}-\d{2}-\d{2}$/ 是匹配 yyyy-mm-dd 格式的正则表达式，test() 方法会返回 true 或 false 来表示是否匹配成功。

除了使用正则表达式外，我们还需要考虑到日期的实际有效性。比如说，2月份只有 28 天（或者 29 天，如果是闰年的话），而 4、6、9、11 月份只有 30 天，其他月份才有 31 天等等。所以还需要对日期进行进一步的验证，来确保其是一个真实有效的日期。

完整函数实例

下面是一个完整的验证日期的 JavaScript 函数示例：

function validateDate(input){
  // 判断是否符合日期格式 yyyy-mm-dd
  if(!/^\d{4}-\d{2}-\d{2}$/.test(input)){
    return false;
  }

  // 将日期字符串转换为 Date 对象
  var dateParts = input.split('-');
  var year = parseInt(dateParts[0], 10);
  var month = parseInt(dateParts[1], 10);
  var day = parseInt(dateParts[2], 10);
  var date = new Date(year, month - 1, day);

  // 判断 Date 对象中年、月、日是否和传入的字符串相同
  if(date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day){
    return false;
  }

  // 返回验证通过
  return true;
}

该函数具有以下特点：

1. 具有基本结构中所述的参数和返回值；
2. 使用正则表达式判断输入的日期字符串是否符合格式；
3. 对日期字符串进行拆分，通过 Date() 构造函数生成一个日期对象；
4. 判断生成的日期对象中的年、月、日是否与输入的日期字符串相同。

示例说明

以下是两个使用示例：

示例 1

要验证的日期是 2020-01-01，代码如下：

var input = '2020-01-01';
if(validateDate(input)){
  console.log(input + ' 是一个有效的日期');
} else {
  console.log(input + ' 不是一个有效的日期');
}

输出结果为：

2020-01-01 是一个有效的日期

示例 2

要验证的日期是 2020-02-29，代码如下：

var input = '2020-02-29';
if(validateDate(input)){
  console.log(input + ' 是一个有效的日期');
} else {
  console.log(input + ' 不是一个有效的日期');
}

输出结果为：

2020-02-29 是一个有效的日期

因为 2020 年是闰年，2月份确实有29天，所以这个日期是一个有效的日期。