•  05-07-2019
  •  | 
  •  

質問

単純な日付ピッカーをポップしようとしていますが、できないか、理由がわかりません。ここに私のコードがあります：

<!DOCTYPE html>
<html>
<script type="text/javascript" src="jquery/jquery.js"> </script>
<link type="text/css" href="css/smoothness/jquery.css" rel="Stylesheet" />
<script type="text/javascript" src="jquery/jquery-ui.js"> </script>   

<script type="text/javascript">
$('#date').datepicker();
 </script>
<body>
<input type="text" name="date" id="date" />
</body>
</html>

すべての正しいパスでapacheサーバーを実行しています。なぜこれが機能しないのか誰でも知っていますか？

役に立ちましたか？

解決

試してください：

$(function() {
  $("#date").datepicker();
});

ポイントは、おそらく日付要素がまだ存在しないためにチェックが失敗する可能性があること、特に、それを探すスクリプトの後まで宣言されないためです。

他のヒント

日付ピッカー関連のコードは、INPUTタグの後に置く必要があります。しかし、私が知る限り、datepickerコンポーネントではページの読み込み後に呼び出す必要があるため、コードは次のようになります。

<script type="text/javascript">
$(function () {
    $('#date').datepicker();
})
</script>

これで動作するはずです。

私は専門家ではありませんが、あなたは<！> lt; head <！> gt;がありません。タグ。

この問題は解決されたようです。それを$（document）.ready（）関数に入れなければなりませんでした。

JQuery-UIについてもう1つ追加します。必要なのが日付ピッカーだけである場合、UIパッケージ全体を含めるべきではありません。 JQuery-UIサイトにアクセスすると、ダウンロードをカスタマイズできます。必要なものをマークすると、最小限のファイルのみが提供されます。これにより、ページの読み込みが速くなります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top