jquery - 在 onSelect 函数中提交表单后关注所选日期

Question

我在查询 ui datepicker 内联时遇到了一些问题。这是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');

我需要在提交表单后关注和突出显示选定的日期。现在日期选择器重新加载，当前日期被聚焦并突出显示。有人可以帮忙吗？

Answer 1

示例工作DEMO

表单提交完全重新加载页面，因此日期时间选择器在表单提交后也会刷新，使用 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");
                   }
           });
        },

    });

希望这会有所帮助，谢谢