如何使用 jQuery 验证和添加日期

how to validate and add date using jquery

本文关键字：添加 日期 验证 何使用 jQuery      更新时间：2023-09-26

我正在做一个健康网站。

我有一个名为"末次月经"的字段，这是一个文本框，必须由医生以 YYYY-MM-DD 格式填写。

我想做的是，我必须在医生将输入的LMP日期中添加281天，以生成预期分娩日期(分娩(

所以我需要做以下事情：

  1. 输入的日期应采用 YYYY-MM-DD 格式

  2. 它应该是一个有效的日期，即照顾闰年和无效日期，如 2013-02-31 等。

  3. 生成预计交货日期(基于输入的 LMP(后，它应显示在屏幕上。

  4. 在 LMP 文本框中输入日期后，应立即执行这些验证，并且预计交货日期将显示在 LMP 文本框下方的标记内

我该怎么做？这是我到目前为止尝试过的。

// Calculate Expected Date Of Delivery
$('#lmp_date').change(function()
{
    var lmp_entered = $this.val();
    if(lmp_entered)
    {
        // $('#edd').html('1');
    }
    else
    {
        // $('#edd').html('Please enter last menstrual date to calculate EDD');

请帮助我如何使用jquery实现这些验证并显示日期。我是jquery的新手，所以对它了解不多。任何小帮助将不胜感激。

用于

验证 我不建议使用其他库，特别是对于如此简单的规则。 如果规则如此严格，只需编写自己的规则并在站点范围内使用它。

例如，将非数字条目阻止到文本框中，并在每 5 个和第 9 个字符的代码中添加破折号"-"。

然后，要验证检查文本和虚线的长度，请使用split分别获取年份。 月和日，并使用Date(txtYear,txtMonth,txtDay)将其转换为日期 如果您的日期的年、月和日等于您的 txtYear、Month和Day ，则表示它是一个有效的日期。之后，使用以下命令计算出生日期。

只需使用如下所示的日期构造函数

var delDate = new Date(year, month, day + 281)

只是不要忘记月份在JS中从0开始，所以1月 = 0，二月= 1等。

相关文章：