plugins jQuery dialogue et Datepicker ne fonctionnent pas ensemble

Question

i ont des pages de remorquage est un mange.aspx et d'autres est pop-up.aspx dans mange.aspx i charger l'autre avec ajax et l'afficher dans jquery ui Dialog

mon problème est lorsque je charge la page du jquery ui Datepicker dans cette page ne fonctionne pas

c'est mon code

$(function() { 
    $("#datepicker").datepicker({ 
     showOn: "button", 
     buttonImage: "../images/calendar-icon.png", 
     buttonImageOnly: true 
    }); 

    $('#Add').click(function() { 
     var $dialog = $('<div id="MyDialog"></div').appendTo('body') 
     .load("../Pop-up.aspx #pop-up") 
     .dialog({ 
     position: 'center', 
     width: 550 
      // code ..... 
     }); 
    }); 
}); 

Answer 1

Vous devez créer la datepicker après vous chargez le popup. Créer le datpicker avant ne fera rien.

function createDatePicker() { 
    $("#datepicker").datepicker({ 
     showOn: "button", 
     buttonImage: "../images/calendar-icon.png", 
     buttonImageOnly: true 
    }); 
} 

$(function() { 
    $('#Add').click(function() { 
     var $dialog = $('<div id="MyDialog"></div').appendTo('body') 
      .load("../Pop-up.aspx #pop-up", createDatePicker) 
      .dialog({ 
      position: 'center', 
      width: 550 
      }); 
     // code ..... 
    }); 
}); 

Votre datepicker code de création est maintenant à l'intérieur de sa propre fonction, et est défini comme le rappel lorsque la page popup est chargé. De cette façon, le marqueur de date sera créé dès que la page est chargée.