javascript - デフォルトでフォーカスが移動するとjquery datepickerがアクティブにならない

Question

http://www.frostjedi.com/terra/scripts/demo/jquery-datepicker.html

テキストエリアの外側をクリックして内側をクリックすると、カレンダーが表示されます。ページが最初にロードされたときに表示するにはどうすればよいですか?

ありがとう！

Answer 1

$(function() {
    $('#datepicker').datepicker('show');
});

これにより、フォーカスを設定せずに日付ピッカーが表示されます。

Answer 2

これはうまくいくはずです、

$(function() {
    $('#datepicker').focus();
});

しかし、Jquery lib 全体が正しく含まれているわけではありません。

でjqueryを取得してみてください：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

Answer 3

DOMReadyに表示できます。

$(function() {
    $( "#datepicker" ).datepicker('show');
});

jqueryui.comまた、投稿したデモリンクでは、ドメインからjQuery js / cssファイルを読み込んでおり、403 Forbidden HTTPエラーが発生するため、jQueryは読み込まれません。

CDNを使用する場合は、http： //code.jquery.com/を使用する必要があります。jQueryとjQueryUIテーマのJSとCSSの両方のURLがあります。