如何禁用存储在 mysql 数据库中的那些日期（在 jquery datepicker 中）？

Question

我想禁用 mysql 数据库中的那些日期。实际上每次都很难在 javascript 中更改日期，所以我想在 mysql 数据库中添加未来的日期，它会在 mysql 数据库的 jquery datepicker 中显示那些禁用日期。 我正在尝试这段代码，但我很困惑

$(function() {
    $( "#datepicker" ).datepicker({
        dateFormat: 'yy-mm-dd',
        minDate: +1,
    maxDate: "+3m",
        beforeShowDay: checkBadDates
        });

});

dateo = $("#datepicker").attr("value");  //need help here (1)
        $.ajax({
            type: "GET",
            url: "ajaxdates.php",

 data: 'dateone='+mydate,
            success: function(data) {
                $('#result').html(data);
              }
        });


var $myBadDates = new Array("#result", "2018-08-09");  // need help here (2)


function checkBadDates(mydate){             // need help here (3)


var $return=true;
var $returnclass ="available";
$checkdate = $.datepicker.formatDate('yy-mm-dd', mydate);
for(var i = 0; i < $myBadDates.length; i++)
    {    
       if($myBadDates[i] == $checkdate)
          {
        $return = false;
        $returnclass= "unavailable";
        }
    }
return [$return,$returnclass];
}

Answer 1

尝试使用类似这样的想法：有时这可能会对您有所帮助：

/** Days to be disabled as an array */
var disableddates = ["31-07-2018", "12-06-2018", "12-08-2018", "22-08-2018"];


function checkBadDates(date) {
  var string = jQuery.datepicker.formatDate('dd-mm-yy', date);
  return [disableddates.indexOf(string) == -1];
}

$(function() {
  $("#datepicker").datepicker({
    beforeShowDay: checkBadDates
  });
});

<link href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>

<input id="datepicker" type="text">

如果您能够设置 ajax 代码以从数据库中提取日期以禁用，那么：

var disableddates = [];
$.ajax({
   type: "GET",
   url: "my_ajax_stuff.php" ,
   async: false, // Please add this line
   success: function(response) {
       disableddates = ["31-07-2018", "12-06-2018", "12-08-2018", "22-08-2018"]; // this will be list of disabled dates from db
       $("#datepicker").datepicker({
          beforeShowDay: checkBadDates
       });
   }
});