Appelez jquery datepicker à partir d'un lien et envoyez la date par un appel

Question

Je dois faire apparaître le programme datepicker lorsque je clique sur un lien, puis envoyer la date sélectionnée à une autre page par le biais d'un appel postal.

T essayé d'utiliser ce code pour l'appel du lien:

$(".click-on-link").click(function(){ 
    $('#datepicker').datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     dateFormat: 'dd/mm/yy', 
     firstDay: 1 
    }); 
}); 

et le code html:

<a class="click-on-link" href="#">show datepicker</a> 

mais il ne fonctionne pas. Une idée?

Merci!

Answer 1

$(function() { 
    $(".click-on-link").click(function() { 
     $('#datepicker').datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      dateFormat: 'dd/mm/yy', 
      firstDay: 1, 
      onSelect: function(dateText, inst) { 
       alert(dateText) // make your AJAX call! 
      } 
     }).focus(); //make the datepicker appear! 
    }); 
}); 

Answer 2

Je commencerai par la première initialisant votre sélecteur de date lorsque la page se charge comme suit:

$(document).ready(function() { 
    // Date picker initialisation 
    $("#datepicker").datepicker({ 
     showOn: 'button', 
     buttonImage: 'images/button_cal.gif', 
     buttonImageOnly: true, 
     dateFormat: 'd MM yy', 
     minDate: new Date(), 
     onSelect: function(dateText, inst) { 
        // inst.selectedYear, selectedMonth and selectedDate hold the values you need. Use $.ajax() to send off to the server. 
     } 
    }); 

    // Show the date picker 
     $(".class").click(function() { 
     $("#datepicker").datepicker("show"); 
    }); 

}); 

Essayez l'exemple suivant, qui vous permet de cliquer sur le texte « Date » qui affiche le sélecteur de date pour moi. Peut-être que nous pouvons travailler à partir de cet exemple pour faire fonctionner votre scénario:

<script type="text/javascript"> 
$(function() { 
    $("#datepicker").datepicker({}); 

    $("#test").click(function(){ 
     $("#datepicker").datepicker('show'); 
    }); 
}); 
</script> 

<p id="test">Date:</p> <input type="text" id="datepicker">