JQuery从datepicker获取可用日期对象的列表

时间:2014-05-30 23:12:36

标签: javascript list jquery-ui jquery-ui-datepicker date-range

我设置了以下日期选择器:

<script>
     var disabled = ["2014-09-01","2014-10-16", "2014-10-17", "2014-10-20", "2014-11-26", "2014-11-27", "2014-11-28", "2014-12-22", "2014-12-23", "2014-12-24", "2014-12-25", "2\
    014-12-26", "2014-12-29", "2014-12-30", "2014-12-31", "2015-01-1", "2015-01-2", "2015-01-19", "2015-02-16", "2015-03-9", "2015-04-06", "2015-04-07", "2015-04-08", "2015-04-09"\
    , "2015-04-10", "2015-05-25" ] // yyyy-mm-dd


    $("#datepicker").datepicker({
        minDate: new Date(2014, 7, 19),
         maxDate: new Date(2015, 4, 29),
          numberOfMonths: 1,
           hideIfNoPrevNext: true,
            beforeShowDay: function(date){
             var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
               return [ disabled.indexOf(string) == -1 ]
           }
       });
</script>
<div>
    <input type="text" id="datepicker"/>
</div>

我有办法在这个日期选择器中形成每个有效日期的数组吗? (即是否有内置的方法来执行此操作或类似的操作?或者我需要手动编写它吗?)

我这样做是出于调度应用程序的目的,我最终会将此列表转换为哈希,其中键是列表的元素,值是当天的小时数。

1 个答案:

答案 0 :(得分:1)

使用javascript获取可用日期数组:

var min=new Date(2014, 7, 19);
var max=new Date(2015, 4, 29);
var available={};
var available_arr=[];

for(;min<=max;min.setDate(min.getDate()+1)){
    available[jQuery.datepicker.formatDate('yy-mm-dd', min)]=true;
}

for(var i=0;i<disabled.length;i++){
    available[disabled[i]]=false;
}


for(var i in available){
    if(available[i]) available_arr.push(i);
}

console.log(available_arr);