Jquery UI日期起始日期和日期结束字段验证

Jquery UI date from and date to field validation

本文关键字：日期 结束 字段 验证 UI Jquery      更新时间：2023-09-26

有人能帮我吗？我在验证jquery中的日期选择器时遇到问题，我需要验证两个日期from和to，问题是from日期被禁用，因此minDate选项似乎不起作用。。如果有，我可以检查"截止日期"字段的有效性，该字段将不小于"起始日期"。感谢那些愿意帮助我的人。

    function CheckDate()
    {
      var StartDate= document.getElementById('txtStartDate').value;
      var EndDate= document.getElementById('txtEndDate').value;
      var eDate = new Date(EndDate);
      var sDate = new Date(StartDate);
if(EndDate=="")
        {
        alert("Please Enter EndDate");
        }
       else
      {     
    if(StartDate!= '' && StartDate!= '' && sDate> eDate)
      {
      alert("End Date is greater than or equal to the Start Date.");
      return false;
      }
        }
  }

我已经弄清楚了，我把.datepicker方法放在了ajax的完整功能之后，因为我是从ajax请求中填充数据的。因此，不要将.datepicker放在.ready函数上。

这是我创建的示例代码：

function GetInfo() {
    $.ajax({
        type : "POST",
        url : "test",
        data : "{}",
        contentType : "application/x-www-form-urlencoded",
        dataType : "json",
        success : function(response) {
 },
complete : function(e) {
$("#id-of-the-DOM-end-element")
            .datepicker(
                    {
                        minDate : new Date($("#id-of-the-DOM-start-element").val()),
                        'http://jqueryui.com/resources/demos/datepicker/images/calendar.gif'
                    });
});

假设自日期文本字段中有一些值被禁用（因为问题没有正确引用）。

尽管自日期起文本框被禁用，但您可以使用js/jQuery（如$("#fromID").val(); ）来获取文本框的值

使用此脚本将toDate文本框的最短日期限制为：

<script>
  var min=$("#fromID").val();
  $(function() {
    $( "#toID" ).datepicker({ minDate: min });
  });
  </script>
相关文章：