正文 

当前位置： 首页 > 知识 >

使用javascript验证用户输入日期是不是在给定的日期范围内

     2023-02-22     213

关键词：

【中文标题】使用javascript验证用户输入日期是不是在给定的日期范围内【英文标题】：Validate user input dates are in given date range using javascript使用javascript验证用户输入日期是否在给定的日期范围内 【发布时间】：2013-05-04 18:53:34 【问题描述】：

我是 php 和 javascript 的新手。这就是让我陷入困境的原因 管理部门给出了两个日期。 

var a="24/05/2013";
var b="26/05/2013";

假设用户选择签入日期为：17/05/2013，签出日期为：30/05/2013。 如您所见，这些选定的日期介于上述日期之间（var a 和 var b）。 那么如何使用 JAVASCRIPT 验证该场景。

需要这方面的支持。

提前致谢

【问题讨论】：

the-art-of-web.com/javascript/validate-date/#.UYySK0r2Di4 【参考方案1】：

试试这个

function dateCheck() 
    var fDate = new Date("24/05/2013");
    var lDate; = new Date("26/05/2013");
    fDate = Date.parse(document.getElementById("fDate").value);
    lDate = Date.parse(document.getElementById("lDate").value);

    if(fDate <= lDate) 
        alert("true");
        return true;
    
    alert("false");
    return false;

【讨论】：

【参考方案2】：

我会这样做：

function dateCheck() 
    var a = new Date("24/05/2013");
    var b = new Date("26/05/2013");
    var checkinDate = Date.parse(document.getElementById("checkinDate").value);
    var checkoutDate = Date.parse(document.getElementById("checkoutDate").value);

    return((checkinDate >= a && checkinDate <= b) && 
       (checkoutDate <= b && checkoutDate >= a) && 
       (checkoutDate > checkinDate))

编辑：根据 OP 的说明

function dateCheck() 
        var a = new Date("24/05/2013");
        var b = new Date("26/05/2013");
        var checkinDate = Date.parse(document.getElementById("checkinDate").value);
        var checkoutDate = Date.parse(document.getElementById("checkoutDate").value);

        return(( a > checkinDate && a < checkoutDate) && 
           (b < checkoutDate && b > checkinDate) && 
           (checkoutDate > checkinDate))

【讨论】：

if(condition)return true;elsereturn false 总是让我感到困惑……为什么不return condition？ @AnkitJaiswal.above fundtion 在我输入 17/05/2013 和 30/05/2013 时不起作用。你能帮我解决这个问题吗？ @DamithaPathmaperuma 17/05/2013 和 30/05/2013 在 24/05/2013 和 26/05/2013 之间不存在。根据问题，入住和退房时间应介于a和b之间。这不是你想要的吗？ @AnkitJaiswal.24/05/2013 和 26/05/2013 介于 17/05/2013 和 30/05/2013 之间。用户无法进行预订，包括 24/05/2013 和 26 /05/2013。希望你明白吗？【参考方案3】：

试试这个：-

 var fdt= new Date("20/02/2013");
    var tdt = new Date("10/05/2013");

function validateFromAndToDate(fdt,tdt)

    var dt1  = dte1.value.substring(0,2); 
    var mon1 = dte1.value.substring(3,5); 
    var yr1  =dte1.value.substring(6,10); 

    var dt2  = dte2.value.substring(0,2); 
    var mon2 = dte2.value.substring(3,5); 
    var yr2  = dte2.value.substring(6,10); 
    var date1 = new Date(yr1, mon1-1, dt1); 
    var date2 = new Date(yr2, mon2-1, dt2); 

        if (date2<date1)
            alert("Date period must be within the given date!");
            return false
        
    return true

效果很好。

【讨论】：

jQuery/JavaScript：是约会吗？ （验证是不是是日期）[重复]

】jQuery/JavaScript：是约会吗？（验证是不是是日期）[重复]【英文标题】：jQuery/JavaScript:Isitadate?(Validatewhetherisadate)[duplicate]jQuery/JavaScript：是约会吗？（验证是否是日期）[重复]【发布时间】：2011-12-2415:17:34【问题描述】：我有日... 查看详情

javascript：日期选择器组件的使用

前言：　　在实际项目开发中，日期选择是一个十分常见而且重要的问题，在表单中设计到日期的验证时，如果让用户自己输入时间的话，那么使用正则进行验证其正确性是不可取的，因为他一般只能验证日期的格式，无法准确... 查看详情

javascript：日期选择器组件的使用

前言：　　在实际项目开发中，日期选择是一个十分常见而且重要的问题，在表单中设计到日期的验证时，如果让用户自己输入时间的话，那么使用正则进行验证其正确性是不可取的，因为他一般只能验证日期的格式，无法准确... 查看详情

检查日期是不是在过去 Javascript

】检查日期是不是在过去Javascript【英文标题】：CheckifdateisinthepastJavascript检查日期是否在过去Javascript【发布时间】：2012-01-0811:13:49【问题描述】：所有，我正在为日期选择器使用jQueryUI。尽管用户输入的日期是过去的，但我正在... 查看详情

在javascript中检查给定的日期格式

】在javascript中检查给定的日期格式【英文标题】：Checkgivendateformatinjavascript【发布时间】：2020-05-1813:25:41【问题描述】：您好，我在验证和确认给定日期的日期格式时遇到问题。管理员为输入​​输入有效的日期格式，用户在输... 查看详情

我们是不是应该在很大程度上基于本地 jwt 令牌到期日期来验证用户

】我们是不是应该在很大程度上基于本地jwt令牌到期日期来验证用户【英文标题】：Shouldwebaseheavilyonlocaljwttokenexpirydatetoauthenticateuser我们是否应该在很大程度上基于本地jwt令牌到期日期来验证用户【发布时间】：2017-08-2607:42:05【... 查看详情

使用javascript验证用户输入的是否为正整数

在项目开发中，需要使用JavaScript验证用户输入的是否为正整数。方法一：vartype="^[0-9]*[1-9][0-9]*$";varr=newRegExp(type); varflag=r.test(subjectHour.value); if(!flag){ 　　alert("课时应为正整数"); 　　subjectHour.focus(); 　　returnfalse; }方 查看详情

用户输入 - Javascript中两个日期的差异

】用户输入-Javascript中两个日期的差异【英文标题】：Userinput-differenceoftwodatesinJavascript【发布时间】：2018-02-0613:52:21【问题描述】：我是JS的初学者。我有日期的用户输入值。我想在几天内得到差异。尝试了几种方法，都没有奏... 查看详情

js表单验证

JavaScript表单验证JavaScript可用来在数据被送往服务器前对HTML表单中的这些输入数据进行验证。被JavaScript验证的这些典型的表单数据有：用户是否已填写表单中的必填项目？用户输入的邮件地址是否合法？用户是否已输入合法的... 查看详情

Javascript 验证输入类型文件

】Javascript验证输入类型文件【英文标题】：Javascriptvalidationinputtypefile【发布时间】：2016-09-2313:40:34【问题描述】：我正在使用jqueryvalidate方法，并且我正在使用自定义javascript来显示由于css问题而上传的图像名称。当没有指定输... 查看详情

如何验证用户是不是选择了要上传的文件？

...【发布时间】：2016-06-0608:38:30【问题描述】：我需要使用JavaScript/jQuery进行表单验证。我的表单有一个用户可以上传文件的输入字段和一个&lt;td&gt;是输入字段的表格。像这样：<inputtype="fi 查看详情

Oracle - 日期格式验证 [重复]

】Oracle-日期格式验证[重复]【英文标题】：Oracle-Dateformatvalidation[duplicate]【发布时间】：2020-01-1610:39:24【问题描述】：我有一个Dateformat字段，用户可以通过模板手动输入该字段。有一个限制，用户只能以MM/DD/YYYY格式输入日期。... 查看详情

不显眼的验证/jQuery 客户端验证输入的日期是不是超过当前日期

】不显眼的验证/jQuery客户端验证输入的日期是不是超过当前日期【英文标题】：Unobtrusivevalidation/jQueryclient-sideValidatethatDateenteredismorethanthecurrentdate不显眼的验证/jQuery客户端验证输入的日期是否超过当前日期【发布时间】：2017-12-... 查看详情

使用空格验证用户输入

...入？比如用户在输入框输入A9364470240ZGS001，在输入框使用JavaScript实时格式化为：A9364470240ZGS001?<divclass="childDumpFile"><labelfor="ds">Datas 查看详情

Jquery datepicker：验证日期 mm/dd/yyyy

...期。您将如何验证输入的日期是否正确？<scripttype="text/javascript">$(doc 查看详情

在 Jquery 中输入输入字段时的日期验证

】在Jquery中输入输入字段时的日期验证【英文标题】：DatevalidationwhiletypingininputfieldinJquery【发布时间】：2017-11-2112:13:12【问题描述】：我有一个可以接受日期的输入文本字段。如果距离今天的日期不超过一个月，我需要验证日期... 查看详情

dd/mm/yyyy 格式的日期正则表达式，用于 javascript 验证

】dd/mm/yyyy格式的日期正则表达式，用于javascript验证【英文标题】：Regularexpressionfordateindd/mm/yyyyformatforjavascriptvalidation【发布时间】：2012-01-0321:34:08【问题描述】：我必须对输入值进行客户端验证（使用javascript/JQuery），该输入值... 查看详情

javascript的基础

JavaScript表单验证JavaScript可用来在数据被送往服务器钱对HTML表单中的这些输入数据进行验证。表单数据经常需要使用JavaScript来验证其正确性：·验证表单数据是否为空？·验证输入是否是一个正确的email地址？·验证日期是否输入... 查看详情