Question

我正在尝试检查并查看2个jquery ui datepickers是否有值，如果有，则执行函数，如果没有，则不执行任何操作。

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

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

        }
    });

我认为我需要使用回调来查看是否已选择日期，但我仍然坚持如何检查这些回调以查看它们是否已经发生。

Answer 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有＆＃34; hasdatepicker＆＃34;在构造上添加了css类，因此$('.hasDatepicker')返回所有日期选择器，然后过滤结果以获得带有date !== null的项目数组，然后比较长度以了解它们是否全部填充。

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

Fiddle

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

1 个答案: