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

Question

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

Как я могу изменить выбранную дату выбора даты jquery динамически на лету?
Я сказал, что создал встроенный выбор даты.
Затем через некоторое время я хочу отразить другую дату там, не воссоздавая datepicker с нуля.

Я попробовал метод setDate, но не сработал, и в doc.

есть еще один (расширенная?) плагин здесь, но я хочу использовать плагин, который поставляется с помощью jquery.пользовательский интерфейс.все.js.

1014 11

jquery-ui

11 ответов:

Comments

Ничего не найдено.

Ben Koehler · Accepted Answer · 2013-06-27 17:52:53

какую версию jQuery-UI вы используете? Я протестировал следующее С 1. 6r6, 1.7 и 1.7.1, и это работает:
//Set DatePicker to October 3, 2008
$('#dateselector').datepicker("setDate", new Date(2008,9,03) );

cfwall · Accepted Answer · 2010-09-22 18:34:35

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

Vlad Bezden · Accepted Answer · 2014-05-31 00:52:11

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

selectedDate-это еще одна переменная, которая содержит текущую выбранную дату элемента управления calendar
    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);

Michael · Accepted Answer · 2010-08-18 13:12:13

отметил, что для DatePicker кита Вуда (http://keith-wood.name/datepickRef.html) следующие работы-обратите внимание, что установка даты по умолчанию является последней:
    $('#datepicker').datepick({
        minDate: 0,
        maxDate: '+145D',
        multiSelect: 7,
        renderer: $.datepick.themeRollerRenderer,
        ***defaultDate: new Date('1 January 2008')***
    });

Guillaume Flandre · Accepted Answer · 2009-05-31 00:18:37

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

обходной путь, который я нашел, состоит в том, чтобы просто обновить атрибут значения данного ввода. Конечно, сам datepicker не будет обновляться, но если вы просто ищете, чтобы отобразить дату, он отлично работает.
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

Allen · Accepted Answer · 2011-08-26 21:51:20

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

Gjermund Dahl · Accepted Answer · 2015-04-16 14:37:44

это работает для меня:
$("#dateselector").datepicker("option", "defaultDate", new Date(2008,9,3));

Oleksii Semeniuk · Accepted Answer · 2018-08-25 01:09:17

$('.дата-выбор).datePicker ().вал (новая дата ()).триггер('изменить')

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

tijs · Accepted Answer · 2009-04-10 16:34:42

У меня было много проблем с методом setDate, а также. кажется, работает только в v1. Чем кажется, однако работа с использованием dpSetSelected метод:
    $("#dateselector").dpSetSelected(new Date(2010, 0, 26).asString());
удачи!

Suresh Ponnukalai · Accepted Answer · 2017-12-18 14:07:42

Это старый нить, но я просто хочу дать некоторую информацию, как я использовал. Если вы хотите установить дату сегодня вы можете просто применить его, как показано ниже.
 $("#datepickerid").datepicker("setDate", "0");
Если вы хотите установить несколько дней до/после текущей даты, а затем использовать символ -/+ символ того, сколько дней вы хотите, как показано ниже.
 $("#datepickerid").datepicker("setDate", "-7");
 $("#datepickerid").datepicker("setDate", "+5");

Gayan · Accepted Answer · 2015-03-19 14:32:50

или вы можете просто
$('.date-pick').datePicker().val(new Date()).trigger('change')