JQuery UI Datumsauswahl funktioniert nur nach Neuausrichtung

Question

Der folgende Code öffnet Datumsauswahl nur, nachdem ich in .datepicker Feld klicke, irgendwo anders klicke und dann erneut auf .datepicker klicke.

$(document.body).on("click", ".datepicker", function() { 
$(".datepicker").datepicker({ 
}); 
}); 

Bitte geben Sie an, wie Sie es ohne den "vorbereitenden Klick" arbeiten lassen.

Answer 1

Verwenden this den aktuell gewählten Eingangs zum Ziel, und verwenden Sie die show Methode, um die Datumsauswahl programmatisch zu öffnen.

Es ist auch eine gute Idee, dies nur einmal pro Eingabe zu tun, was Sie tun können, indem Sie prüfen, ob ein Datepicker bereits vorhanden ist.

Etwas wie:

$(document.body).on("click", ".datepicker", function() { 
    if (!$(this).data("ui-datepicker")) { 
    $(this).datepicker(); 
    $(this).datepicker("show"); 
    } 
}); 

Fiddle: https://jsfiddle.net/ca3vj3od/

Answer 2

Dieses Versuchen:

jQuery(document).ready(function ($) { 
    $(".datepicker").datepicker({ 
    }); 
});