jQuery UI datepicker - Tentativo di acquisire l'evento click dalla data cliccata

Question

Usiamo l'interfaccia utente 1.8.6 di jquery sul mio posto di lavoro.

Come posso acquisire la data su cui è stato fatto clic in datepicker, così posso formattare la data corrente in un datestamp e passare quel valore in un campo modulo nascosto?

Ecco alcuni codice che ho cercato di ottenere lavoro:

$('.ui-state-default').live('click', function(){ 
    console.log('date clicked'); 
    var currentdate = $(this).text(); 
    var d = currentdate; 
    var m = monthFormat($('.ui-datepicker-month').text()); 
    var y = $('.ui-datepicker-year').text(); 
    $('a.ui-state-default').removeClass('ui-state-highlight'); 
    $(this).addClass('ui-state-highlight'); 

    if (currentdate.length < 2) { 
    d = "0" + currentdate; 
    } 
    var datestamp = y + "-" + m + "-" + d; 
    console.log(datestamp); 
    $('#dateHidden').val(datestamp); 
}); 

Grazie per guardare il mio codice Apprezzo tutto l'aiuto voi ragazzi può offrire.

Answer 1

Non è necessario fare nulla per formattare la data. Il widget DatePicker lo fa per te. Basta usare le altField e altFormat proprietà:

$("#myDatePicker").datepicker({ 
    // The hidden field to receive the date 
    altField: "#dateHidden", 
    // The format you want 
    altFormat: "yy-mm-dd", 
    // The format the user actually sees 
    dateFormat: "dd/mm/yy", 
    onSelect: function (date) { 
     // Your CSS changes, just in case you still need them 
     $('a.ui-state-default').removeClass('ui-state-highlight'); 
     $(this).addClass('ui-state-highlight'); 
    } 
}); 

Documentazione:

http://api.jqueryui.com/datepicker/#option-altField

http://api.jqueryui.com/datepicker/#option-altFormat

Dimostrazione:

http://jsfiddle.net/sFBn2/10/

Answer 2

Il tuo datepicker lo ascolta.

vedi onSelect() function

Chiamato quando viene selezionato il DatePicker. La funzione riceve la data selezionata come testo e l'istanza di datepicker come parametri. questo si riferisce al campo di input associato.

$('.date-pick').datepicker({ 
    onSelect: function(date) { 
     //play with date here 
    }, 
---- 
---- 
--- 

Answer 3

jQuery Datepicker dà l'opzione di data di formattazione. Quindi perché non ne fai uso?

$('element').datepicker({ dateFormat: 'dd-mm-yy' }); 

Inoltre, non è necessario un metodo separato per acquisire l'evento click. È il metodo di default onSelect

$('input').datepicker({ 
dateFormat: 'yy-mm-dd', 
    onSelect: function (date) { 
    //defined your own method here 
    alert(date); 
    } 
}) 

Scegli questa JSFiddle

Answer 4

$('#calendar').datepicker({ 
     inline: true, 
     firstDay: 1, 
     changeMonth: false, 
     changeYear: true, 
     showOtherMonths: true, 
     showMonthAfterYear: false, 
     yearRange: "2015:2025",  
     dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], 
     dateFormat: "yy-mm-dd", 
     onSelect: function (date) { 
      alert(date); 
     } 
    });