JQuery-UI DatePicker без текущей даты?

Question

В датчике jQuery всегда есть дата по умолчанию (selectet!) (.Ui-datepicker-current-day). Если вы не установите один, он использует текущую дату.

• Мое приложение требует от пользователя выбрать дату
• Не должно быть первоначального выбора!
• Я использую встроенный (всегда видимый) указатель даты из-за лучшего мобильного опыта.

Я могу очистить подключенное поле ввода: $("#datepicker").datepicker("setDate", null); Но это не удаляет .ui-datepicker-current-day из календаря. Удаление класса вручную при загрузке, работает в первом представлении. Но когда вы измените месяц и вернетесь назад, текущая дата будет снова выделена как выбранная.

Есть несколько старых сообщений об ошибках:

• bugs.jqueryui.com: билет / 7786 + дубликаты: билет / 8009 , билет / 8159
• drupal.org: выпусков / 2004216

Но я все еще не могу найти полезное решение!

Вот фрагмент:

$(function() {
    $("#datepicker").datepicker({altField: "#date"});
    // remove default date
    $("#datepicker").datepicker("setDate", null);
    // remove current-day class (because default date is still highlighted)
    $("#datepicker").find(".ui-datepicker-current-day").removeClass("ui-datepicker-current-day");
});

.ui-datepicker-current-day a {
    background-color: red !important;
}

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

DATE:<input disabled="disabled" id="date" name="date" type="text">
<div id="datepicker"></div>

Answer 1

Так что я думаю, что теперь все получилось так, как вы хотели, со снятыми лучами сегодняшнего дня. Я использовал CSS, чтобы перезаписать класс подсветки стилем из обычных дат.

$(function() {
    $("#datepicker").datepicker({altField: "#date"});
    // remove default date
    $("#datepicker").datepicker("setDate", null);
    // remove current-day class (because default date is still highlighted)
    $("#datepicker").find(".ui-datepicker-current-day").removeClass("ui-datepicker-current-day");
});

.ui-datepicker-current-day a {
    background-color: red !important;
}
a.ui-state-default.ui-state-highlight {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
a.ui-state-default.ui-state-highlight.ui-state-active {
    border: 1px solid #c5c5c5 !important;
    background: #f6f6f6 !important;
    font-weight: normal !important;
    color: #454545 !important;
}

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

DATE:<input disabled="disabled" id="date" name="date" type="text">
<div id="datepicker"></div>