jQuery datepicker устанавливает выбранную дату, на лету

Как я могу изменить выбранную дату jquery Date picker динамически «на лету»? Я сказал, что создал встроенный сборщик дат. Затем через какое-то время я хочу отразить другую дату там, не воссоздавая дампикера с нуля.

Я попробовал метод setDate, но не работал, и документации в документации недостаточно.

Здесь есть другой (расширенный?) Плагин, но я хочу использовать плагин, который поставляется с jquery.ui.all.js.

Какую версию jQuery-UI вы используете? Я проверил следующее с 1.6r6, 1.7 и 1.7.1, и он работает:

//Set DatePicker to October 3, 2008 $('#dateselector').datepicker("setDate", new Date(2008,9,03) ); 

Убедитесь, что дата, которую вы пытаетесь установить, находится в пределах допустимого диапазона дат, если установлены параметры minDate или maxDate.

В этом примере показано, как использовать значение по умолчанию в раскрывающемся календаре и значение в текстовом поле. Он также показывает, как установить значение по умолчанию для предыдущей даты.

selectedDate – это другая переменная, которая содержит текущую выбранную дату календарного управления

  var date = new Date(); date.setDate(date.getDate() - 1); $("#datepicker").datepicker({ dateFormat: "yy-mm-dd", defaultDate: date, onSelect: function () { selectedDate = $.datepicker.formatDate("yy-mm-dd", $(this).datepicker('getDate')); } }); $("#datepicker").datepicker("setDate", date); 

Отмечено, что для DatePicker by Keith Wood ( http://keith-wood.name/datepickRef.html ) следующие работы: обратите внимание, что установка даты по умолчанию последней:

  $('#datepicker').datepick({ minDate: 0, maxDate: '+145D', multiSelect: 7, renderer: $.datepick.themeRollerRenderer, ***defaultDate: new Date('1 January 2008')*** }); 

По некоторым причинам, в некоторых случаях я не мог заставить setDate работать.

Обходной путь, который я нашел, – это просто обновить атрибут value данного ввода. Конечно, сам датапикер не будет обновляться, но если вы просто ищете, чтобы отобразить дату, он отлично работает.

 var date = new Date(2008,9,3); $("#your-input").val(date.getMonth()+"/"+date.getDate()+"/"+date.getFullYear()); // Will display 9/3/2008 in your #your-input input 

setDate только кажется проблемой с встроенным datepicker, используемым в jQuery UI, особая ошибка InternalError: слишком большая recursion.

Это работает для меня:

 $("#dateselector").datepicker("option", "defaultDate", new Date(2008,9,3)); 

$ (‘date-pick’) datePicker (). val (new Date ()). trigger (‘change’)

наконец, что я смотрю последние несколько часов! Мне нужно инициировать изменения, а не просто установить дату в текстовом поле!

У меня также были проблемы с методом setDate. похоже, работает только в v1. Однако, похоже, что используется метод dpSetSelected:

  $("#dateselector").dpSetSelected(new Date(2010, 0, 26).asString()); 

удачи!

Это старый stream, но я просто хочу дать некоторую информацию, как я использовал. Если вы хотите установить сегодняшнюю дату, вы можете просто применить ее, как показано ниже.

  $("#datepickerid").datepicker("setDate", "0"); 

Если вы хотите установить несколько дней до / после текущей даты, используйте символ -/+ сколько дней вы хотите, как показано ниже.

  $("#datepickerid").datepicker("setDate", "-7"); $("#datepickerid").datepicker("setDate", "+5"); 

или вы можете просто

 $('.date-pick').datePicker().val(new Date()).trigger('change') 
  • Draggable возвращается, если вне этого div и внутри других draggables (используя как недопустимые, так и действительные варианты возврата)
  • Как настроить автозаполнение jquery-ui в Rails
  • jQuery DatePicker - изменяет minDate и maxDate на лету
  • Как получить позицию перетаскиваемого объекта
  • jquery-ui и webpack, как управлять им в модуль?
  • Есть ли полный рабочий пример для jqGrid ColumnChooser?
  • Как закрыть диалог jQuery в диалоговом окне?
  • Закрыть jQuery UI Dialog из Iframe
  • Как я могу настроить параметры подключаемого модуля Autocomplete?
  • jQuery UI DatePicker для отображения только месяца
  • Ограничить результаты в автозаполнении пользовательского интерфейса jQuery
  • Давайте будем гением компьютера.