小编Max*_*ian的帖子

样式日期选择器:突出显示特定日期

我知道之前已经问过这个问题,到目前为止我找到的"解决方案"似乎没有用.

我在wordpress网站上使用Contact Form 7和datepicker插件.联系表格和日历工作正常但我希望能够通过更改这些日期的背景颜色来突出显示特定日期.

这是我在头文件中包含的代码:

<script type="text/javascript">
  $(document).ready(function() {
    var SelectedDates = {};
    SelectedDates[new Date('07/26/2016')] = new Date('07/26/2016');
    $('#datepicker123').datepicker({
      beforeShowDay: function(date) {
        var Highlight = SelectedDates[date];
        if (Highlight) {
          return [true, "Highlighted", Highlight];
        }
        else {
          return [true, '', ''];
        }
      }
    });
  });
</script>
Run Code Online (Sandbox Code Playgroud)

在我的style.css表中,我已经包含以下代码来为这些日期添加样式:

.Highlighted a{
   background-color : #1AAFFF !important;
}
Run Code Online (Sandbox Code Playgroud)

但是,当我单击日历但出现标准样式时,此示例(7/26/2016)中的日期不会突出显示.哪里是我的错?

非常感谢您的帮助!

编辑:HTML代码似乎超长,所以这里是网站的链接:KYTE

编辑2:所以我已经将以下代码添加到我的functions.php文件中:

function wpse_enqueue_datepicker() {
  // Load the datepicker script (pre-registered in WordPress).
  wp_enqueue_script( 'jquery-ui-datepicker' );

  // You need styling for the datepicker.
  // …
Run Code Online (Sandbox Code Playgroud)

css wordpress jquery datepicker

5
推荐指数
1
解决办法
933
查看次数

标签 统计

css ×1

datepicker ×1

jquery ×1

wordpress ×1