Сосредоточиться на выбранной дате после отправки формы в функции onSelect

Question

Сосредоточиться на выбранной дате после отправки формы в функции onSelect

0

У меня есть несколько проблем с запросом ui datepicker inline. Вот html:

<form id="form" method="post">
..
'<div class="calendar"></div>'
</form>

и это часть.js:

var regionalIs = $.datepicker.regional[ "ru" ];
 $( '.calendar' ).datepicker(
    {
        dateFormat: 'dd.mm.yy',
        numberOfMonths: 3,
        onSelect: function (dateText, inst) {
            $("#form").append('<input type="hidden" name="date" value="'+ dateText +'">');
            $("#form").submit();
        },

    });
$( '.calendar' ).datepicker( regionalIs ).datepicker('refresh');

Мне нужно, чтобы выбранная дата была сфокусирована и выделена после отправки формы. Теперь datepicker reloads и текущая дата сфокусированы и выделены. Может ли кто-нибудь помочь, пожалуйста?

Kate 21 сен. 2013, в 12:16

Источник

Теги:

jquery

jquery-ui-datepicker

onselect

1 ответ

Ещё вопросы

SarathSprakash · Accepted Answer · 2013-09-21T07-54-00.000Z

Пример работы DEMO

Форма submit полностью загружает страницу, поэтому datetimepicker также обновляется после отправки формы. Использование ajax сделает работу

Попробуй это

$( '.calendar' ).datepicker(
    {
        dateFormat: 'dd.mm.yy',
        numberOfMonths: 3,
        onSelect: function (dateText, inst) {
            $("#form").append('<input type="hidden" name="date" value="'+ dateText +'">');
            $.ajax({
                    url:"  ",          // give your url
                    data: $("#form").serialize(),
                    success: function()  
                  {
                    alert("success");
                   }
           });
        },

    });

Надеюсь, это поможет, спасибо

Спасибо, это хорошо, но не совсем то, что мне было нужно. Проблема решается с помощью опции defaultDate и выбранного значения даты в ней.