Question

我正在使用jquery日期选择器，如果日期和日期之间的日期有效，那么我想验证日期

我正在使用可在此处找到的jquery日期选择器代码

http://jqueryui.com/datepicker/#date-range

Answer 1

当您计划使用jQuery DatePicker时，请根据开始日期和结束日期的要求实现2个文本框。

然后在提交时，您可以通过getDate（）方法获取选定日期

var startDate = $( ".selector" ).datepicker( "getDate" );

这将在javascript中返回日期typeof（）值。

现在您可以使用条件方法来比较日期。

演示示例：

包含js文件

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<强> HTML

Start date: <input type="text" id="txtStartDate"> &nbsp;
End date: <input type="text" id="txtEndDate"> 

<input id="btnValidateDate" type="button" value="Validate Dates" />

<强>的jQuery

$(function(){
    $( "#txtStartDate" ).datepicker();
    $( "#txtEndDate" ).datepicker();

    $('#btnValidateDate').click(function(){
        var startDate = $( "#txtStartDate" ).datepicker( "getDate" );
        var endDate =  $( "#txtEndDate" ).datepicker( "getDate" );
        if(startDate > endDate)
            alert('Invalid date! End date should be greater than start date.');
        else
            alert('Valid date');            
    });    
});

请参阅此fiddle demo。

验证jquery日期选择器文本框的日期

1 个答案: