3

問題: 日付ピッカーがまったく表示されません。コンソールにエラーはありません。すべてのファイルが含まれており、Firebug 経由でアクセスできます。

jQuery UI の datepicker を機能させるのに多くの時間を費やした後、Google の検索結果を何十回も読むなど、あなたの助けが必要です。日付ピッカーの最も単純で単純な実装でさえ、私にとってはうまくいきません。

私がテストしている現在の例（日付ピッカーだけに取り除かれています）：

<html>
<head>
<meta charset="UTF-8">
<title>DatePicker Test</title>

<!-- JavaScript -->
<script type="text/javascript" src="../js/jquery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/jquery/jquery-ui-1.8.19.custom.min.js"></script>
<!--script type="text/javascript" src="../js/jquery/jquery.ui.datepicker.js"></script-->

<!-- Stylesheets -->
<link rel="stylesheet" href="../css/ui-lightness/jquery-ui-1.8.19.custom.css" />

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

<body>
<div><input type="text" id="datepicker" class="hasDatepicker" /></div>
</body>
</html>

これは動作しません。jQuery UI コード全体 ( jquery-ui-1.8.19.custom.min.js) をダウンロードし、すべてを試しました。jQuery UI に付属するデモ HTML ページに単純な datepicker フィールドを追加しようとさえしました。何もない。

次に、jQuery UI の開発者バンドルをダウンロードし、datepicker.jsjQuery だけで試してみましたが、それでも失敗しました。

したがって、エラーは発生せず、コード内にセレクターが表示され、コンソールから呼び出しても、何も表示されません。

次に、いくつかのフォーラム投稿に投稿された多数の CSS の変更を試し、datepicker の後に JavaScript を上から下に移動しました。. . あらゆる種類の突然変異がありましたが、何も機能していません。

私ですか？

確かに、他の人が datepicker プラグインを使用することは可能ですが、何が間違っているのでしょうか?

4

2 に答える 2

6

ねえ、私はあなたの問題を調べました。私を助けてくれた入力のクラス宣言を削除することをお勧めします。また、スクリプト リンクが正しいことを確認してください。現在、現在のページの前にあるフォルダーからプルするように依頼しています。ページと css/js フォルダーが同じディレクトリにある場合は、先頭の「../」を削除できます。 

<input type="text" id="datepicker" />

FireFox の便利なアドオンはWeb 開発者ツールです

于 2012-04-24T18:23:56.923 に答える
0

実際の例については、こちらのjs フィドルをご覧ください。これは、入力フィールドのクラスを差し引いたものと非常によく似ています。この場合、例では CDN を使用しています。

何か問題があるに違いありません (スクリプトまたは css がソース化されていない可能性があります)。

于 2012-04-24T18:23:39.393 に答える