2016-11-15 4 views
0

Я работаю над приложением asp.net mvc, после отправки выбранной даты в базу данных, я хочу обновить datepicker, я могу обновить datepicker только pageload. Я не хочу обновлять всю страницу, У меня есть поле ввода во всплывающем окне (datepicker также). На кнопке отправки я использую ajax, поэтому вся страница не обновляется, а datepicker имеет предыдущий выбор. Так как я могу обновить datepicker.Обновление Datepicker не работает?

Это JQuery код, я использую после AJAX

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); 
      } 
     }); 
    } 

ответ

0

Demo link: 1
Demo link: 2

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

Спасибо. но почему обновление не работает - $ ('. datepicker'). datepicker ('refresh'); –

+0

попробуйте этот https://jsfiddle.net/archinmodi/403w2a0v/ –

+0

ваш вышеуказанный код обновит дату, которая хороша, но также здесь я хочу отключить прошлую дату в поле ввода и отключить будущую дату в другом поле ввода, чтобы отключить прошлое и будущая дата не работает, я также использовал вашу демонстрационную ссылку: 2 –

0

Поскольку страница уже загружена $ DatePicker ("Обновить ") (" DatePicker."). это не получится.

Лучше вы можете создать функцию и сделать вызов, где когда-либо вы хотите

function InitializeDate() { 
      $(".datepicker").datepicker(); 
     } 
+0

я пытался ваше предложение, но не работает, внутри resetManageRequest() функцию я являюсь обновляя datepicker, но не работая, посмотрите здесь мой код - $ ('# txtdatereceiving'). datepicker ('refresh'); $ ('# txtTATdate'). Datepicker ('refresh'); –

+0

комплект ** async: false ** внутри вашего $ .ajax @Sudhakarsingh – Jays