Datepicker刷新不起作用?

时间:2016-11-15 10:58:51

标签: jquery model-view-controller datepicker

我正在使用asp.net mvc应用程序,在向数据库提交所选日期后,我想刷新datepicker,我能够刷新datepicker只有pageload。我不想刷新整页, 我在弹出窗口上有输入字段(也是datepicker)。在提交按钮上我使用的是ajax,因此整个页面没有刷新,而datepicker保存了之前的选择,那么如何刷新datepicker。

这是我在ajax之后使用的jquery代码

function saveandContinue() {
    if (!validateManageRequestmodel())
        return;
    else
        $("#showerrormsg").hide();

    var model = getManageRequestmodel();
    $.ajax({
        type: "POST",
        url: "AddManageRequest",
        contentType: "application/json",
        data: $.toJSON(model),
        success: function (result) {
            debugger;
            if (result.Status == "ERROR") {
                showErrorMessage('showerrormsg', result.Result);
            }
            else if (result.Status == "OK") {
                showSuccessMessage('showerrormsg', 'Record saved successfully.');
                    **$(".datepicker").datepicker("refresh");**
                iIncrease++;
                if (gsaveParameter === 'add')
                    resetManageRequest();
                else if (gsaveParameter === 'edit') {
                    if (iIncrease < selectedIDs.length)
                        GetDataForEdit(selectedIDs[iIncrease]);
                    else {
                        $('#manageRequestModal').modal('hide');
                        onActionRefreshGrid();
                    }
                }
            }
        },
        error: function (error) {
            debugger;
            showErrorMessage('showerrormsg', error);
        }
    });
}

2 个答案:

答案 0 :(得分:0)

由于页面已加载 $(".datepicker").datepicker("refresh"); ,因此无法反映更改。

如果您可以创建一个可以在需要时使用的功能

,那就更好了
function InitializeDate() {
    $(".datepicker").datepicker();
}

答案 1 :(得分:0)

Demo link: 1
Demo link: 2

$(".datepicker").datepicker('setDate', null);