Pourquoi Bootstrap datepicker ne fonctionne pas dans la fonction Ajax succès

Question

$.ajax({ 
      url: '/Staff/GetStaffFamilyDetails', 
      type: 'POST', 
      data: { 
       StaffID: StaffID 
      }, 
      success: function (result) { 
       var markup = "<input type='text' id='FamEdit'>"; 
       $('#div').html(markup); 
      }, 
      complete: function() { 
       $('#FamEdit').datepicker({ 
        keyboardNavigation: false, 
        autoclose: true, 
        format: "dd M yyyy" 
       }); 
      } 
     }) 

Salut les amis. Je lie la datepicker à la variable dynamique, à ce moment-là, une erreur comme datepicker n'est pas définie. S'il vous plaît aidez-moi .. comment lier datepicker dans le succès

Answer 1

Peut-être que le succès et complet tiré en même temps, essayer de faire un temps mort comme ceci:

complete: function() { 
    setTimeout(function() { 
     $('#FamEdit').datepicker({ 
      keyboardNavigation: false, 
      autoclose: true, 
      format: "dd M yyyy" 
     }); 
    }, 100); 
} 

Mais très probablement la meilleure solution est de remplacer HTML et initialiser le programme datepicker dans un événement - succès. Remplacer d'abord, puis initialiser. Pourquoi avez-vous besoin de réinitialiser le sélecteur de date si aucune donnée n'a été reçue (résultat dans votre code)?

Answer 2

Testé votre code sur ma page locale, il fonctionne correctement. « datepicker non défini. »: Il semble que les datepicker.js ne figure pas correctement dans votre page

Answer 3

Parce que vous ajoutez l'entrée id='FamEdit' dynamique, donc datepicker n'est pas assignant à l'élément d'entrée dynamique directement. vous pouvez essayer de suivre.

<div id="mydiv"> 

</div> 

//....// 
success: function (result) { 
      var markup = "<input type='text' id='FamEdit'>"; 
      $('#mydiv').html(markup); 
     }, 
     complete: function() { 
      $('#mydiv').find('#FamEdit').datepicker({ 
       keyboardNavigation: false, 
       autoclose: true, 
       format: "dd M yyyy" 
      }); 
     }