jQueryUIのdatepickerをクリックしたときだけ表示させたい。

Question

inputのtextにjQueryUIのdatepickerを設定しています。

「クリックしたときだけ」表示させる方法はないでしょうか。

通常タブ等でフォーカスを移動させて、textにフォーカスが当たった時にも表示されると思いますが、マウスで選択したときのみ表示させたいです。

よろしくお願いします。

デモ
https://codepen.io/anon/pen/xrXWKJ

Answer 1

showOn を "focus" / "both" 以外の値にしてみてはどうでしょうか。

$('.datepicker').datepicker({ showOn: "button" });
$('.datepicker').on('click', function(event) {
  $(this).datepicker('show');
});

http://api.jqueryui.com/datepicker/#option-showOn

Comments

[yusukesasaki]

回答ありがとうございます！
buttonが不要だったので、display: none; することで解決しました。
ありがとうございました！