Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php Jquery Datepicker-如何从另一个函数中的select选项获取日期数组,并将其传递给Datepicker中的disabledate_Php_Jquery_Ajax_Codeigniter_Datepicker - Fatal编程技术网

Php Jquery Datepicker-如何从另一个函数中的select选项获取日期数组,并将其传递给Datepicker中的disabledate

Php Jquery Datepicker-如何从另一个函数中的select选项获取日期数组,并将其传递给Datepicker中的disabledate,php,jquery,ajax,codeigniter,datepicker,Php,Jquery,Ajax,Codeigniter,Datepicker,我对日期选择器有问题。首先,我使用的是和codeigniter。我的客户希望根据用户选择的区域(别墅、露营地、寄宿家庭等)查看禁用日期。每个区域都有特定的数据(预订日期),因此如果其他人希望在同一天预订该区域,则无法选择该日期或日期 第一步:用户使用组合框选择他/她想要的区域。 第二步:用户选择日期(日期选择器将显示禁用日期) 组合框流程: $("#area").change(function(){ var disdate = []; var area=

我对日期选择器有问题。首先,我使用的是和codeigniter。我的客户希望根据用户选择的区域(别墅、露营地、寄宿家庭等)查看禁用日期。每个区域都有特定的数据(预订日期),因此如果其他人希望在同一天预订该区域,则无法选择该日期或日期

第一步:用户使用组合框选择他/她想要的区域。
第二步:用户选择日期(日期选择器将显示禁用日期)

组合框流程:

$("#area").change(function(){
     var disdate = [];
     var area= $(this).val();
     $.ajax({
        url: "<?php echo base_url('reservation/getDate');?>",
        method: "POST",
        data: {area: area},
        async: true,
        dataType: 'json',
        success: function(data){
           var i;
           for(i=0; i<data.length; i++){
              disdate.push(data[i]['startdate']); // startdate is booking date in database
           }
        }
     });
     return disdate;
     loadDatePicker(disdate);
  });
问题是:如果我选择区域,disabledate只显示空白数组。combobox进程上的数组推送进程工作(使用console.log)。如何将disdate数组从组合框函数传递到loaddatepicker函数?

谢谢。

通过ajax成功调用loadDatePicker(),并使用ajax返回的数据进行配置。您能解释一下吗?
$(function loadDatePicker(disdate) {
     var disdatepick = disdate;
     var today = new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate());
     $('#startDate').datepicker({
        uiLibrary: 'materialdesign',
        iconsLibrary: 'fontawesome',
        format: 'dd-mm-yyyy',
        allowInputToggle: true,
        disableDates: disdatepick, //put disable date array here
        minDate: today,
        maxDate: function () {
           return $('#endDate').val();
        }
     });
     $('#endDate').datepicker({
        uiLibrary: 'materialdesign',
        iconsLibrary: 'fontawesome',
        allowInputToggle: true,
        format: 'dd-mm-yyyy',
        minDate: function () {
           return $('#startDate').val();
        }
     });
  });