Wie wird die Auswahl des Datumsbereichs dynamisch auf das aktuelle Datumselement angewendet?

Question

Ich bind Click-Ereignis zu Datum Feldelement, aber Datum Kalender zeigt nicht auf klicken Sie auf ein Element, auf den ersten Klick nur das aktuelle Datum füllt in Eingabefelder, aber Kalender nicht angezeigt. Kannst du bitte meinen Code überprüfen, wo ich Fehler gemacht habe?

Ex:

$('#datefield').click(function (e) { 
    $(this).daterangepicker({ 
     singleDatePicker : true, 
     locale    : { 
      format   : 'DD-MM-YYYY' 
     }, 
     minDate    : new Date(), 
     autoApply   : false, 
     endDate    : new Date() 
     }); 
    }); 
} 

Answer 1

Sie sollten nicht die daterangepicker im Ereignishandler initialisieren. Tun Sie es nach dem DOM geladen ist:

$(function() { 
    $('#datefield').daterangepicker({ 
     singleDatePicker: true, 
     locale: { 
      format: 'DD-MM-YYYY' 
     }, 
     minDate: new Date(), 
     autoApply: false, 
     endDate: new Date() 
    }); 
});