检查 2 个 jquery ui datepickers 是否具有执行功能的价值答案

【问题标题】：Checking to see if 2 jquery ui datepickers have value to perform function检查 2 个 jquery ui datepickers 是否具有执行功能的价值
【发布时间】：2016-05-19 21:22:57
【问题描述】：

我正在尝试检查 2 个 jquery ui datepickers 是否有值，如果有，则执行一个函数，如果没有，则什么也不做。

$("#datepicker").datepicker({
        onSelect: function () {

        }
    });
    $("#datepicker2").datepicker({
        onSelect: function () {

        }
    });

我想我需要使用回调来查看是否已选择日期，但我一直在思考如何检查这些回调以查看它们是否发生。

【问题讨论】：

标签： jquery jquery-ui jquery-ui-datepicker

【解决方案1】：

这里是使用jquery ui datepicker的getDate方法的方法。如果没有选择日期，则返回null。

$("#datepicker,#datepicker2").datepicker({
   onSelect: checkDates
});

function checkDates () {
    var ok = $('.hasDatepicker')
                       .filter( function() { 
                                   return $(this).datepicker('getDate') !== null
                              })
                       .length == 2;
      if (ok === true) {
        // doSomething 
      }     
}

datepicker 在构造上添加了“hasdatepicker”css 类，因此$('.hasDatepicker') 返回所有日期选择器，然后过滤结果以获取带有date !== null 的项目数组，然后比较长度以了解它们是否都已填充.

如果您想检查是否所有日期选择器都选择了日期，可以将2 替换为$('.hasDatepicker').length。

Fiddle

【讨论】：

非常感谢！太完美了，这比我尝试做的方法要好。