JQuery UI tarihi seçici, yalnızca yeniden odaklandıktan sonra çalışır

Question

Aşağıdaki kod, .datepicker alanını tıkladıktan sonra başka bir yere tıkladıktan sonra tarih seçiciyi açar ve sonra tekrar .datepicker öğesini tıklatır.

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

Lütfen "hazırlık tıklaması" olmadan nasıl çalışacağını bildiriniz.

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

Answer 1

Kullanım this Seçili girişi hedeflemek ve programlama yoluyla datepicker açmak için show yöntemi kullanın:

Answer 2

Bu deneyin.

Ayrıca, giriş başına bir kez bunu yapmak da iyi bir fikirdir; bunu, üzerinde bir tarihçer var olup olmadığını kontrol ederek yapabilirsiniz.

şey gibi:

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

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