用于多组日期的jQuery ui日期选择器多个类

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">

<input type="text" id="datepicker" class="date-picker" />

$(document).ready(function() {
  $(".date-picker").datepicker({
    numberOfMonths: 2, // 设置显示两个月份的日历
    showButtonPanel: true, // 显示按钮面板
    beforeShowDay: function(date) {
      // 在这里可以自定义日期的样式
      // 可以根据日期的不同设置不同的CSS类
      // 例如，如果某个日期是特殊节假日，可以为其添加特殊的CSS类
      return [true, "custom-class"];
    }
  });
});