4

jQuery datepicker を使用した非常に単純な HTML ページを作成しました。

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery Datepicker</title>
    <link rel="stylesheet" href="../App_Themes/Default/ui.datepicker.css" type="text/css"
        media="screen" title="Smoothness" />

    <script src="../Shared/Scripts/jquery-1.2.6.min.js" type="text/javascript"></script>

    <script src="../Shared/Scripts/jquery-ui-1.5.3.min.js" type="text/javascript"></script>

    <script language="javascript" type="text/javascript">
        $(document).ready(PageLoad);

        function PageLoad() {
            $('#textBox').datepicker();
        }
    </script>

</head>
<body>
    <input type="text" id="textBox" />
</body>
</html>

日付ピッカー自体は完全に機能しているようですが、テーマを適用できません。ここで本当にばかげたことを見逃していますか?

ありがとう !!!!

4

4 に答える 4

8

Googleを介してjQueryUIをロードする場合は、jQueryUICSSテーマのバージョンがjQueryUIライブラリと同じであることを確認してください。

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

<script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js' type='text/javascript'></script>

上記のコードを確認してください。どちらも1.8.5を使用しています。ただし、テーマに1.8.5ではなく1.8をロードすると、データピッカーは表示されません。

于 2011-05-11T21:34:56.583 に答える
7

私の問題は、CSS の有効性や相対パスに関するものではありませんでした.... jQuery-ui バージョンに対して間違ったバージョンの CSS ファイルを参照していただけです。同様の問題を抱えていたすべての人に、jQuery-ui スクリプト用の正しいテーマのバージョンをダウンロードしてください。

ありがとう。

于 2009-01-20T22:57:51.473 に答える
3

私はあなたとは反対の問題を抱えています。ヘッド セクションに以下の行を挿入するのを忘れており、datepicker がテンプレートから CSS を取得しています。これを head セクションに含めた後、googleapi の css で日時ピッカーを表示できます

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
于 2011-05-04T08:56:39.637 に答える