日期选择器，jQuery答案

【问题标题】：datepicker, jquery日期选择器，jQuery
【发布时间】：2009-09-03 05:03:14
【问题描述】：

我有一个日期选择器 (jquery)

$("#datepicker").datepicker({

});

我想在这个日期选择器中着色（突出显示）某些日子。这些天我想从一些数组中获取！！！！

我不知道，是这样的：

$("#datepicker").datepicker({
亮点：['09/16/2009', 09/12/2009, 2009 年 8 月 16 日 ....] });

请帮帮我

非常感谢！！！

【问题讨论】：

标签： jquery datepicker

【解决方案1】：

尝试使用日期选择器的beforeShowDay 函数。这会在每天在选取器中渲染之前触发。在函数内部，您检查当前日期是否在特殊日期数组中。如果是，那么您可以返回一个数组，其中第二个元素是您希望在每个 td 上呈现的 css 类的名称。

演示here

  var someSpecialdates = [1, 5, 12, 21, 27, 30]; 

    $("#datepicker").datepicker({ 
      beforeShowDay: function(dt) { 
        var d = dt.getDate(); 
        return ( $.inArray(d, someSpecialdates ) === -1 ) ? [true,""] :
                                                            [true, "specialDateCSSClass"]; 
      }
    });

【讨论】：

那么你将如何突出显示圣诞节？
好吧，我会在数组中保存月/日，而不是只检查日部分，我还会检查月
在此处查看答案，它正好显示了这个stackoverflow.com/questions/501943/…

【解决方案2】：

这是一个简单的，可能对某人有用

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

  <script>
  $(document).ready(function() {
    $("#datepicker").datepicker();
  });
  </script>

<form>
    <input id="datepicker" />
</form>

【讨论】：