自定义datepicker

Question

如何自定义datepicker？

• 我需要在顶部添加颜色说明
• 显示2个月（我认为可以使用默认功能完成）
• 添加红色不可选日期，不显示数字（日期26,4和 17个样本）

基本上日期选择器现在看起来like this。需要它像this。

Answer 1

• 要在日期选择工具的顶部添加带有颜色描述的图例，请查看此answer

• 要显示两个月，您可以使用

  初始化日期选择器

  $(".selector").datepicker({numberOfMonths: 2});

• 要为不可选择的禁用日期使用红色背景，您可以使用以下CSS：

  .ui-datepicker td.ui-state-disabled>span{background:#ff0000;}

• 要隐藏不可选择的停用日期的数量，您可以使用

  .ui-datepicker td.ui-state-disabled>span{color:#ff0000;}

  或此answer

  中的技巧

  .ui-datepicker td.ui-state-disabled{text-indent:100%; white-space:nowrap; overflow:hidden;}