Сделать даты jquery datepicker разным цветом каждый год в те же даты - PullRequest
Новая
       9

Сделать даты jquery datepicker разным цветом каждый год в те же даты

0 голосов
/ 10 октября 2018

Я хочу, чтобы даты в ячейках даты выбирались разным цветом каждый год в одни и те же даты.Если месяц 12 (декабрь), а дни от 18 до 31. Мне не нужен конкретный массив дат, который должен быть другого цвета.

Я пробовал это: 

beforeShowDay: function(date) {
      var day = date.getUTCDate();
      var month = date.getUTCMonth();

      return [!( (day == 17 && month == 11) || (day == 18 && month == 11) || (day == 19 && month == 11) || (day == 20 && month == 11) || (day == 21 && month == 11) || (day == 22 && month == 11) || (day == 23 && month == 11) || (day == 24 && month == 11) || (day == 25 && month == 11) || (day == 26 && month == 11) || (day == 27 && month == 11) || (day == 28 && month == 11) || (day == 29 && month == 11) || (day == 30 && month == 11) )];
}

Но это только отключило клетки.Я не хочу, чтобы они были отключены

1 Ответ

0 голосов
/ 10 октября 2018

Вы хотите изменить цвет для всех дат с 18 по 31 декабря месяца всего года, используя jQuery

Пожалуйста, проверьте ниже код: 

$('#mydate').datepicker({
    beforeShowDay: colorize
});


function colorize(date) {
    if((date.getMonth() + 1)!=12) return [true, ""];
    if(date.getDate()<18) return [true, ""];
    
    return [true, "cool"];
}
.cool a.ui-state-default {
    background-color: #03a9f4;
    background-image: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">

<p>See December month of any year:</p>
<input type="text" id="mydate" placeholder="click here" />
...