Jquery cambiamento datepicker trigger di evento e l'evento

Question

cambiamento di default di ingresso ho datepicker

<input type='text' class='inp'> 
<script> 
    $('.inp').datepicker(); 

    $(".inp").on("change",function(){ 
    console.log('inp changed'); 
    }); 
</script> 

Quando ho primo cambiamento '.inp' digitare manualmente c'è un valore, quindi subito clicco su datepicker 'aperto calendario. Ottengo due ascoltatori di eventi 'change'. Prima dal cambio manuale, poi dal cambio datepicker. Come posso evitare questo?

Answer 1

Imposta il tuo ingresso readOnly, che vi aiuterà a cambiare il valore di campo attraverso solo icona.

<input type='text' class='inp' readOnly /> 

quindi utilizzare onSelect per ottenere la data selezionata, come segue:

$(function() { 
    $(".inp").datepicker({ 
     onSelect: function(dateText, inst) { 
      // alert(dateText); 
     } 
    }); 
}); 

Answer 2

Provare a utilizzare la funzione onSelect come:

$(function() { 
    $(".datepicker").datepicker({ 
     onSelect: function() { 
     //your code here 
    }}); 

Questo sarà licenziato quando selezionano una data dal calendario non quando sta digitando.

Answer 3

Se si utilizza il bootstrap DatePicker è possibile effettuare le seguenti operazioni:

$('.datepicker').datepicker() 
    .on('changeDate', function(e){ 
     # `e` here contains the extra attributes 
}); 

Per maggiori dettagli vedere: Bootstrap Datepicker events

Answer 4

Grazie! Tutti, ma non potrei rendere il campo di sola lettura, questo è un requisito. Quindi ho dovuto riconsiderare me stesso. Così ho pubblicato la mia soluzione finale. Ho smascherato per 150 ms, quindi lego di nuovo. I made a jquery plugin for this

function myfunc(that){ 
     $(that).one('change', function(){ 
       var that = this; 
       setTimeout(function(){myfunc(that);}, 150); 
       //some logic 
      } 
     ) 
} 

myfunc(".inp"); 

Answer 5

se si utilizza selezione data di jQuery non c'è bisogno di fuoco evento calendario. è possibile attivare l'evento sulla casella di testo "textchanged"

Answer 6

È possibile avere onSelect per attivare l'evento di modifica nel campo di testo. In questo modo, la modifica della data tramite la casella di testo o il selettore della data si comportano allo stesso modo.

$('.inp').datepicker({ 
    onSelect: function() { 
    return $(this).trigger('change'); 
    } 
); 

$(".inp").on("change",function(){ 
    console.log('inp changed'); 
} 

Answer 7

Grazie a tutti, questo è quello che ho usato, però,

function myfunction(x,x2){ 
    var date1 = new Date(x); 
    var MyDateString; 
    MyDateString = date1.getFullYear()+ '/' + ('0' + (date1.getMonth()+1)).slice(-2) + '/' + ('0' + date1.getDate()).slice(-2); 
    x2.value= MyDateString;  
} 

x, essendo il valore DatePicker e x2 essendo l'oggetto datepicker