在onSelect功能中提交表单后,请关注所选日期

时间:2013-09-21 09:17:55

标签: jquery jquery-ui-datepicker onselect

我在查询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');

我需要在表单提交后关注并突出显示所选日期。现在,datepicker重新加载并重点突出显示当前日期。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

示例工作 DEMO

表单提交完全重新加载页面,因此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");
                   }
           });
        },

    });

希望这有帮助,谢谢