Как изменить отмеченную дату на одного пользователя, выбрал

Question

при использовании datepicker (jquery ui 1.10.3) сегодня он открывается с подсветкой по умолчанию, и это нормально. Теперь пользователь хочет выбрать другую дату - но первоначальная подсветка все еще остается на сегодня.

Я ищу в своей документации и в целом (новичок в JS и все) и не могу достигнуть ответа ..

Edit - это странно потому что по их примеру он должен работать из коробка http://jqueryui.com/datepicker/#inline

Answer 1

Одним из возможных решений является добавление класса к DatePicker-упаковочную элементу, когда пользователь выбирает дату и настроить CSS:

$(document).ready(function() { 
    $('#txtDate').datepicker({ 
     onSelect: function() { 
      $("#txtDate").addClass("madeSelect");   
     } 
    }); 
}); 

необходимые настройки CSS для .ui-datepicker-today: установить фон на БАК kground-образ даты по умолчанию в соответствии с используемой вами темой.

Необходимая корректировка CSS для .ui-datepicker-today.ui-datepicker-current-day (в случае, если пользователь выбирает текущий день): установите фон на фоновое изображение темы .ui-datepicker-current-day и цвет шрифта на цвет вашей темы для текущего дня.

.madeSelect .ui-datepicker-today .ui-state-highlight 
{ 
background: url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/sunny/images/ui-bg_gloss-wave_60_fece2f_500x100.png") repeat-x scroll 50% 50% #fece2f; 
} 
.madeSelect .ui-datepicker-today.ui-datepicker-current-day .ui-state-highlight 
{ 
background: url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/sunny/images/ui-bg_inset-soft_30_ffffff_1x100.png") repeat-x scroll 50% 50% #ffffff;; 
color: #0074c7; 
} 

Рабочая Демонстрационный здесь: Datepicker - remove highlight on today when date is selected