problem z wydarzeniem jQuery Datepicker onchange

T. J. Crowder ' s answer ( https://stackoverflow.com/a/6471992/481154 ) jest bardzo dobry i nadal pozostaje dokładny. wywołanie zdarzenia zmiany w funkcji onSelect jest tak bliskie, jak się da.

Istnieje jednak właściwość nice na obiekcie datepicker (lastVal), która pozwoli Ci warunkowo wywołać zdarzenie change tylko przy rzeczywistych zmianach bez konieczności samodzielnego przechowywania wartości:

$('#dateInput').datepicker({
     onSelect: function(d,i){
          if(d !== i.lastVal){
              $(this).change();
          }
     }
});

Następnie po prostu obsłuż zdarzenia zmiany jak normalnie:

$('#dateInput').change(function(){
     //Change code!
});

Twoje szukanie zdarzenia onSelect w obiekcie datepicker:

$('.selector').datepicker({
   onSelect: function(dateText, inst) { ... }
});

$('#inputfield').change(function() { 
    dosomething();
});

Napisałem to, ponieważ potrzebowałem rozwiązania, aby wywołać zdarzenie tylko wtedy, gdy Data się zmieniła.

$('.datetime').datepicker({
    onClose: function(dateText,datePickerInstance) {
        var oldValue = $(this).data('oldValue') || "";
        if (dateText !== oldValue) {
            $(this).data('oldValue',dateText);
            $(this).trigger('dateupdated');
        }
    }
});

Teraz możemy podłączyć obsługę tego niestandardowego wydarzenia...

$('body').on('dateupdated','.datetime', function(e) {
    // do something
});

Używam Bootstrap-datepicker i Żadne z powyższych rozwiązań nie działało na mnie. Ta odpowiedź mi pomogła ..

Zdarzenie Bootstrap datepicker change date nie uruchamia się podczas ręcznej edycji dat lub usuwania daty

Oto co zastosowałem:

 $('.date-picker').datepicker({
     endDate: new Date(),
     autoclose: true,
 }).on('changeDate', function(ev){
        //my work here
    });

Wiem, że to stare pytanie. Ale nie mogłem dostać jQuery $(to).Zdarzenie change () poprawnie odpala onSelect. Więc poszedłem z następującym podejściem do odpalenia zdarzenia zmiany przez vanilla js.

$('.date').datepicker({
     showOn: 'focus',
     dateFormat: 'mm-dd-yy',
     changeMonth: true,
     changeYear: true,
     onSelect: function() {
         var event;
         if(typeof window.Event == "function"){
             event = new Event('change');
             this.dispatchEvent(event);
         }   else {
             event = document.createEvent('HTMLEvents');
             event.initEvent('change', false, false);
             this.dispatchEvent(event);
         }
     }
});

Na jQueryUi 1.9 udało mi się uruchomić go poprzez dodatkową wartość danych i kombinację funkcji beforeShow i onSelect:

$( ".datepicker" ).datepicker({
    beforeShow: function( el ){
        // set the current value before showing the widget
        $(this).data('previous', $(el).val() );
    },

    onSelect: function( newText ){
        // compare the new value to the previous one
        if( $(this).data('previous') != newText ){
            // do whatever has to be done, e.g. log it to console
            console.log( 'changed to: ' + newText );
        }
    }
});

U mnie działa:)

Spróbuj tego

$('#dateInput').datepicker({
 onSelect: function(){
       $(this).trigger('change');
      }
 }});

Mam nadzieję, że to pomoże:)

Try:

$('#idPicker').on('changeDate', function() {
    var date = $('#idPicker').datepicker('getFormattedDate');
});

Instrukcja mówi:

apply.daterangepicker: Triggered when the apply button is clicked, or when a predefined range is clicked

Więc:

$('#daterange').daterangepicker({
  locale: { cancelLabel: 'Clear' }  
});

$('#daterange').on('apply.daterangepicker', function() {
  alert('worked!');
});

Moje solucje:

var $dateInput = $('#dateInput');

$dateInput.datepicker({
    onSelect: function(f,d,i){
        if(d !== i.lastVal){
            $dateInput.trigger("change");
        }
    }
}).data('datepicker');

$dateInput.on("change", function () {
   //your code
});

Moje rozwiązanie to:

events: {
    'apply.daterangepicker #selector': 'function'
}

DatePicker wybrany kod zdarzenia zmiany wartości poniżej

/* HTML Part */
<p>Date: <input type="text" id="datepicker"></p>

/* jQuery Part */
$("#datepicker").change(function() {
                selectedDate= $('#datepicker').datepicker({ dateFormat: 'yy-mm-dd' }).val();
                alert(selectedDate);        
            });

Jeśli używasz wdcalendar to ci pomoże

 $("#PatientBirthday").datepicker({ 
        picker: "<button class='calpick'></button>",
        onReturn:function(d){
          var today = new Date();
          var birthDate = d;
          var age = today.getFullYear() - birthDate.getFullYear();
          var m = today.getMonth() - birthDate.getMonth();
          if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
            age--;
          }

          $('#ageshow')[0].innerHTML="Age: "+age;
          $("#PatientBirthday").val((d.getMonth() + 1) + '/' + d.getDate() + '/' +  d.getFullYear());
        }
      }); 

Event onReturn działa dla mnie

Hope this help

Myślę, że twój problem może leżeć w tym, jak Twój datepicker jest ustawiony. Dlaczego nie odłączysz wejścia?.. nie stosować leku altField. Zamiast tego jawnie ustawia wartości, gdy zostanie wywołany onSelect. Daje to kontrolę nad każdą interakcją; pole tekstowe użytkownika i datepicker.

Uwaga: czasami trzeba włączyć rutynę .Zmień() i nie .onSelect () ponieważ onSelect może być wywołany na różnych interakcjach, których się nie spodziewasz.

Pseudo Kod:

$('#date').datepicker({
    //altField: , //do not use
    onSelect: function(date){
        $('#date').val(date); //Set my textbox value
        //Do your search routine
    },
}).change(function(){
    //Or do it here...
});

$('#date').change(function(){
    var thisDate = $(this).val();
    if(isValidDate(thisDate)){
        $('#date').datepicker('setDate', thisDate); //Set my datepicker value
        //Do your search routine
    });
});