У меня очень простой календарь jQuery Datepicker:
$(document).ready(function(){
$("#date_pretty").datepicker({
});
});
и конечно в HTML ...
<input type="text" size="10" value="" id="date_pretty"/>
Сегодняшняя дата приятно выделяется для пользователя, когда он запускает календарь, но как мне заставить jQuery предварительно заполнить само текстовое поле сегодняшней датой при загрузке страницы, при этом пользователь ничего не делает? 99% времени сегодняшняя дата по умолчанию будет тем, что они хотят.
Ответы:
Обновление: есть сообщения, что это больше не работает в Chrome.
Это краткое и делает работу (устарела):
Это менее сжато, использование цепочки позволяет ему работать в Chrome (2019-06-04):
источник
$(".date-pick").datepicker().datepicker('setDate', new Date());
ТхоСначала вы должны вызвать datepicker ()>, а затем использовать setDate, чтобы получить текущую дату.
ИЛИ зацепите вызов метода setDate после инициализации DatePicker, как отмечено в комментарии к этому ответу
Это НЕ работать только с
ПРИМЕЧАНИЕ . Приемлемые параметры setDate описаны здесь.
источник
казалось, работает, но там может быть лучший выход ..
источник
setDate
вас также можно использовать обычную относительную нотацию DatePicker, например , чтобы получить на следующий день просто наберите.datepicker('setDate', '+1d')
.setDate()
Метод устанавливает дату и обновляет связанный с ним контроль. Вот как:демонстрация
Как упомянуто в документации, с
setDate()
радостью принимает объект JavaScript Date, число или строку:Если вам интересно, установка
defaultDate
свойства в конструкторе не обновляет связанный элемент управления.источник
Установите на сегодня :
Установите на вчера :
И так далее с любым количеством дней до или после сегодняшней даты .
Смотрите jQuery UI ›Методы› setDate .
источник
$(".date-pick").datepicker("setDate", '+0');
Решение:
Спасибо, серый призрак!
источник
Этот работал для меня.
источник
Этот код гарантирует использование формата вашего указателя даты:
Нет необходимости повторно применять формат, он использует предопределенный вами DatePicker-1 при инициализации DatePicker (если вы его присвоили!);)
источник
Код David K Egghead работал отлично, спасибо!
Мне также удалось немного урезать это, и это также работало:
источник
источник
Для того, чтобы установить дату выбора на определенное время по умолчанию (текущая дата в моем случае) при загрузке, И затем иметь возможность выбрать другую дату, синтаксис:
источник
Чтобы предварительно заполнить дату, сначала нужно инициализировать указатель даты, а затем передать значение параметра setDate.
источник
Просто подумал, что я добавлю свои два цента. Средство выбора используется в форме добавления / обновления, поэтому необходимо было указать дату, поступающую из базы данных, если редактируется существующая запись, или показать сегодняшнюю дату, если нет. Ниже работает нормально для меня:
источник
У вас есть 2 варианта:
ВАРИАНТ А) Отмечается как «активный» в календаре, только когда вы нажимаете на входе.
Js :
Css :
ВАРИАНТ Б) Ввод по умолчанию с сегодняшним днем. Вы должны сначала заполнить указатель даты.
источник
Назначьте prettyDate необходимому элементу управления.
источник
Попробуй это
источник
Это работает лучше для меня, так как иногда у меня возникают проблемы с вызовом,
.datepicker('setDate', new Date());
поскольку он портится, если у меня уже настроен указатель даты с параметрами.источник
Использовать это:
$(".datepicker").datepicker({ dateFormat: 'dd-M-yy' }).datepicker('setDate', new Date());
Получить дату в формате, например: 10 октября 2019 года, что будет более понятным для пользователей.
источник
Источник: http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerDefaultToday.html.
источник