изменить второй указатель даты minDate при выборе даты из другого сборщика данных

Question

изменить второй указатель даты minDate при выборе даты из другого сборщика данных

0

Я использую jquery ui datepicker.

У меня есть два datepicker на странице, от и до datepickers

когда я выбираю дату в одном datepicker, я обновляю дату max и min до второго datepicker.

моя проблема в том, что перед тем, как закрыть (скрыть) seleted datepicker, он покажет второй datepicker вместо первого (только когда я обновляю дату min второго дампикера), а затем закройте его.

почему он показывает второй datepicker, когда я обновляю дату min из другого datepicker?

как я могу скрыть datepicker, прежде чем обновлять второй datepicker?

 <!doctype html>
<html >
<head>

  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

</head>
<body>

<input name="fromDateCalendar" type="text" value="10/12/2013" id="fromDateCalendar" style="width:100px;" />     

 <input name="toDateCalendar" type="text" value="09/01/2014" id="toDateCalendar" style="width:100px;" />    

<script>

    $(function () {
        $('#fromDateCalendar').datepicker({
            onSelect: function (date) {change1(date);}});

        $("#toDateCalendar").datepicker({
            onSelect: function (date) {change2(date);}, maxDate: '0' });
    });

    function change1(date) {
        $('#toDateCalendar').datepicker('option', 'minDate', date);}

    function change2(date) {
        $('#fromDateCalendar').datepicker('option', 'maxDate', date);}


</script> 

</body>
</html>

user3177507 09 янв. 2014, в 14:22

Источник

1

В вашем коде есть синтаксические ошибки, исправьте их и предоставьте скрипку!
adeneo 09 янв. 2014, в 12:46
0

не могу понять ваши потребности правильно
Karthick Kumar 09 янв. 2014, в 13:25
0

обновить код без ошибок, но все равно проблема
user3177507 09 янв. 2014, в 13:26
0

проблема заключается в том, что когда я выбираю дату в первом средстве выбора данных, я изменяю минимальную дату для второго средства выбора даты, незадолго до того, как первое средство выбора даты закрывается, на секунду показывается второй указатель даты (вместо первого), а затем закрывается.
user3177507 09 янв. 2014, в 13:29
0

У меня проблемы с пониманием того, чего вы пытаетесь достичь. Взгляните на этот jsFiddle в качестве примера (который намеренно не работает). После выбора даты из первой datepicker он устанавливает фокус на следующий и календарь открывается и закрывается очень быстро. Это проблема у вас? Следующее datepicker закрывается слишком быстро? Или вы говорите, что хотите, чтобы на странице отображался только один datepicker даты, и только после выбора даты вы хотите показать второй datepicker даты? Или вы хотите, чтобы вторая дата автоматически заполнялась?
Brian 09 янв. 2014, в 14:09
0

После выбора даты в DatePicker # 1 я изменяю минимальную дату DatePicker # 2. Я хочу, чтобы первый DatePicker закрылся без того, чтобы на мгновение отобразился DatePicker # 2, как сейчас. DatePicker # 2 отображается на DatePicker # 1 (не должны были показывать).
user3177507 09 янв. 2014, в 14:59
0

я не хочу, чтобы указатель даты # 2 появлялся при выборе даты в указателе даты # 1
user3177507 09 янв. 2014, в 15:07
0

Когда я копирую / вставляю ваш точный код в jsFiddle и выбираю дату из первого средства выбора даты, календарь закрывается (как и должно быть). Второй календарь никогда не открывается. Поскольку вы вручную устанавливаете значение второго средства выбора даты на 09/01/2014 (или 1 сентября 2014 г.), это значение будет изменено на 01/09/2014 (или 9 января 2014 г.). Это происходит потому, что это сегодняшняя дата, и вы устанавливаете maxDate: '0' (другими словами, сообщая toDateCalendar что максимальная дата является текущим днем). Вы не указываете dateFormat который по умолчанию равен mm/dd/yy
Brian 09 янв. 2014, в 17:52

Показать ещё 6 комментариев

Теги:

javascript

jquery

date

datepicker

jquery-ui

1 ответ

Ещё вопросы

В вашем коде есть синтаксические ошибки, исправьте их и предоставьте скрипку!
не могу понять ваши потребности правильно
обновить код без ошибок, но все равно проблема
проблема заключается в том, что когда я выбираю дату в первом средстве выбора данных, я изменяю минимальную дату для второго средства выбора даты, незадолго до того, как первое средство выбора даты закрывается, на секунду показывается второй указатель даты (вместо первого), а затем закрывается.
У меня проблемы с пониманием того, чего вы пытаетесь достичь. Взгляните на этот jsFiddle в качестве примера (который намеренно не работает). После выбора даты из первой datepicker он устанавливает фокус на следующий и календарь открывается и закрывается очень быстро. Это проблема у вас? Следующее datepicker закрывается слишком быстро? Или вы говорите, что хотите, чтобы на странице отображался только один datepicker даты, и только после выбора даты вы хотите показать второй datepicker даты? Или вы хотите, чтобы вторая дата автоматически заполнялась?
После выбора даты в DatePicker # 1 я изменяю минимальную дату DatePicker # 2. Я хочу, чтобы первый DatePicker закрылся без того, чтобы на мгновение отобразился DatePicker # 2, как сейчас. DatePicker # 2 отображается на DatePicker # 1 (не должны были показывать).
я не хочу, чтобы указатель даты # 2 появлялся при выборе даты в указателе даты # 1
Когда я копирую / вставляю ваш точный код в jsFiddle и выбираю дату из первого средства выбора даты, календарь закрывается (как и должно быть). Второй календарь никогда не открывается. Поскольку вы вручную устанавливаете значение второго средства выбора даты на 09/01/2014 (или 1 сентября 2014 г.), это значение будет изменено на 01/09/2014 (или 9 января 2014 г.). Это происходит потому, что это сегодняшняя дата, и вы устанавливаете maxDate: '0' (другими словами, сообщая toDateCalendar что максимальная дата является текущим днем). Вы не указываете dateFormat который по умолчанию равен mm/dd/yy

user3177507 · Answer 1 · 2014-01-12T07-24-00.000Z

чтобы решить проблему показа на дату # 2 datepicker (вместо # 1 datepicker), когда я изменяю максимальную дату, я вызываю.... datepicker ('option', 'minDate', start) после # 1 datepicker закрыть с setTimeout

 onSelect: function (date) {                                                  
                             setTimeout(function () {
                                 ....datepicker('option', 'minDate', start)
                             }, 300)
                        }....