javascript - 如何使用 jQuery 比较两个 datepicker 日期

Question

这是我的代码：

var $from = $("#fromDate").datepicker('getDate');
var $to = $("#toDate").datepicker('getDate');
if($from > $to)
   alert("from date shouldn't greater than To date");

如果它是同一年的两个日期，则它正在工作。否则，例如 fromDate='1/12/2012'(dd/mm/yyyy) toDate='18/6/2013'(dd/mm/yyyy)，当您检查条件时，它不起作用。它会发出一个警报，这是给出的。

Answer 1

而是自动限制您的日期。在此示例中，第二个组合框不允许您选择比您在第一个组合框中选择的日期更低的日期。

$(document).ready(function() {

  $("#txtFromDate").datepicker({

    numberOfMonths: 2,

    onSelect: function(selected) {
      $("#txtToDate").datepicker("option", "minDate", selected)
    }
  });

  $("#txtToDate").datepicker({

      numberOfMonths: 2,

      onSelect: function(selected) {
         $("#txtFromDate").datepicker("option", "maxDate", selected)

      }
  });
});

这是一个工作演示。

Answer 2

您需要使用它来获取日/月/年：

var day1 = $("#datepicker").datepicker('getDate').getDate();
var month1 = $("#datepicker").datepicker('getDate').getMonth() + 1;
var year1 = $("#datepicker").datepicker('getDate').getFullYear();

之后，您可以比较这些值。

Answer 3

Date.parse(fromDate) > Date.parse(toDate)

例子

var sDate = $('#EFT_FRM_DATE').val();
var eDate = $('#EFF_TO_DATE').val();

if (Date.parse(sDate) > Date.parse(eDate) || Date.parse(sDate) == Date.parse(eDate)) {
   ShowMessage(CurrencySetupExchangeIndex.EndDateGreaterStartDate, 'Error');
   //alert
   return false;
   return;
}

简化声明：

if (Date.parse(sDate) >= Date.parse(eDate)) {...

Answer 4

$(document).ready(function() {
    $("#startdate").datepicker({
            todayBtn:  1,
            format: "dd-mm-yyyy",
            startDate: '1d',
            autoclose: true,
    }).on('changeDate', function (selected) {
        var minDate = new Date(selected.date.valueOf());
        $('#enddate').datepicker('setStartDate', minDate);
        if($('#enddate').val() != "" && ($("#enddate").datepicker("getDate") == null || Date.parse($("#enddate").datepicker("getDate"))< Date.parse($("#startdate").datepicker("getDate")))) {
            var date = new Date($("#startdate").datepicker("getDate")).toLocaleDateString();
            date = date.split("/")
            date = date[0] + "-" + date[1] + "-" + date[2]
            $('#enddate').val(date)
        }
    });

    $("#enddate").datepicker({
        format: "dd-mm-yyyy",
        autoclose: true,
    })
});