8

さて、私はASP.NETMVCとJQueryを初めて使用します。

私は手紙の次の例に従いましたが、日付ピッカーを機能させることができません。

http://codesprouts.com/post/Creating-A-DatePicker-Extension-In-ASPNet-MVC.aspx

これにダニや落とし穴があるかどうか誰かに教えてもらえますか？

バーナード。

4

7 に答える 7

11

googleがホストするjqueryを使用します。

<script type = "text / javascript"
src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</ script>
<script type = "text / javascript"
src = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js">
</ script>

また、目的のcssにリンクする必要があります。

$（）。ready（function（）
{{
    $（'＃from'）。datepicker（{dateFormat：'yy-mm-dd'}）;
}）;

<html>
..。
<input id = "from" class = "date-field" name = "from" type = "text">
于 2009-05-23T13:27:26.800 に答える
3

このブログ投稿では、jQuery datepicker を MVC 3 サイトに統合するための優れた概要を説明しています。

私が見つけた他のサンプルのいくつかは、MVC1 と 2 に焦点を当てていました。

于 2011-02-10T19:35:55.923 に答える
1

より具体的な情報がなければ、何が問題になっているのかを判断するのは困難です。

始めるための明らかなことの1つは、スクリプトファイルのsrcタグが正しいことを確認することです。標準バージョンまたはカスタムバージョンをダウンロードすると、jquery-ui .jsファイルのファイル名が変わるため、コード内のスクリプトタグがファイルの名前と一致することを再確認する価値があります。Firefox用のfirebugアドオンの[ネット]タブは、ページで見つけられないファイルをすばやく見つけるのに非常に役立ちます。見つからないファイルは赤で強調表示されます。通常、時間を大幅に節約できます。

于 2009-05-23T08:39:06.197 に答える
0

HTML のみで最初に datepicker を機能させることができるかどうかを確認してください。こうすることで、src タグなどの不適切なファイル名によって引き起こされるエラーを排除できます。それが機能したら、記事で説明されている MVC ソリューションに追加できるはずです。

于 2009-05-23T09:53:21.863 に答える
0

過去に、1 つのファイルで jquery UI css 全体を使用していたときに、jQuery の datepicker を使用するのが困難でした。私がやったこと、そして私にとってうまくいくように見えたのは、必要に応じて、ページまたはマスターページにさまざまな jQuery UI CSS ファイルを個別に含めることでした。日付ピッカーを別の CSS ファイルに含めたところ、機能しました。

YMMV

于 2009-05-24T05:12:09.937 に答える
0

タブ 

            UL.tabNavigation {
                list-style: none;
                margin: 0;
                padding: 0;
            }

            UL.tabNavigation LI {
                display: inline;
            }

            UL.tabNavigation LI A {
                padding: 3px 5px;
                background-color: #ccc;
                color: #000;
                text-decoration: none;
            }

            UL.tabNavigation LI A.selected,
            UL.tabNavigation LI A:hover {
                background-color: #333;
                color: #fff;
                padding-top: 7px;
            }

            UL.tabNavigation LI A:focus {
                    outline: 0;
            }

            div.tabs > div {
                    padding: 5px;
                    margin-top: 3px;
                    border: 5px solid #333;
            }

            div.tabs > div h2 {
                    margin-top: 0;
            }

            #first {
                background-color: #f00;
            }

            #second {
                background-color: #0f0;
            }

            #third {
                background-color: #00f;
            }

            .waste {
                    min-height: 1000px;
            }
-->
</style>

<script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<link href="CSS/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

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

日にち：

JQUERY から js ファイルをダウンロードし、マシンのローカル フォルダーに配置します。Visual Studio を使用している場合は、ファイルをデザイナー画面にドラッグするだけです。CSSファイルも忘れずにリンクしてください。すべてのプロジェクトで行うことは、ダウンロード場所から、プロジェクトの Scripts というフォルダーに js ファイルを追加し、CSS というフォルダーに css ファイルを追加することです。

于 2009-09-01T18:58:52.737 に答える