0

私はトリッキーな問題に遭遇したようです。日付ピッカーに変換した 2 つの入力テキスト フィールドがあります。ただし、日付を選択すると、日付がテキストフィールドに転送されません。カレンダーは完全に表示されます。

このプロジェクトは MVC 3 にあり、一部の元従業員によってプログラムされています。ここ数日間、コードを調べていて、jQuery のバージョンを変更しようとしました。プロジェクトはデフォルトで v. 1.5.1 を実行しています。プロジェクトの残りの部分もjQueryに依存しているため、バージョン1.7.2が最新の有効なバージョンのようです。それ以降のバージョンでは、いくつかの非互換性が生じているようです。

私はここで壁にぶち当たったようですが、そこにいるあなたの何人かが私に少し光を当ててくれることを願っています.

私のビューで要素を定義するコード:

<div style="margin-top: 10px">
    <label><input id="enable-Periode" type="checkbox" @(Model.StartDate.HasValue || Model.EndDate.HasValue ? "checked=checked" : "") onclick="archiveMetaDataPlacement.enabledPeriod(this);" />Benyt periode</label>

    <div style="margin: 10px 0 20px 0">
        <label>Periode <input type="text" size="11" id="StartDate" name="StartDate" class="datepicker" value="@(Model.StartDate.HasValue ? Model.StartDate.Value.ToShortDateString() :  "")" /></label> - 
        <label>Periode <input type="text" size="11" id="EndDate" name="EndDate" class="datepicker" value="@(Model.EndDate.HasValue ? Model.EndDate.Value.ToShortDateString() : "")" /></label>
    </div>
...
<script>
    $(".datepicker").datepicker();
</script>

jQuery スクリプトは、一貫性のある「masterlayout」にインポートされます。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Core.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/Redmond/jquery-ui-1.8.14.custom.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/buttons-and-hovermenu.css")" rel="stylesheet" type="text/css" />

<!--[if IE 7]>
    <link href="/Content/user/ie7fix.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/Scripts/json/json2.js"></script>
<![endif]-->
<script type="text/javascript" src="/scripts/jquery-1.7.2.js"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.14.custom.min.js"></script>
<script src="/Scripts/jquery-ui-i18n.js" type="text/javascript"></script>
<script type="text/javascript" src="/scripts/admin/iportal.js"></script>
<script type="text/javascript" src="/global/globalization"></script>

@RenderSection("head", required: false)

4

4 に答える 4

1

助けてくれてありがとう。ただし、問題は解決されます。私の古い同僚は、親ビューにいくつかのテストメソッドを残し、同じ要素を含む同じ部分ビューをインスタンス化していたようです。これにより、日付ピッカーが台無しになります。

于 2013-06-17T11:02:46.197 に答える
0

このjsバージョンを含めてみてください

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
于 2013-06-14T10:37:28.650 に答える
0

申し訳ありませんが、パーティーに遅れましたが、誰かが同じ問題を抱えている場合、これが役立つと確信しています. OK、あなたの場合、この問題は、同じIDを持つ tow または複数の入力を使用すると発生するため、Datepickerは日付を入れる場所を認識できません。

于 2016-12-09T18:18:19.750 に答える
0

私は同じ問題を抱えていて、マークの答えを読みました。日付を挿入しようとしていた入力と同じ ID を持つ他の DOM 要素を探しに行きました。設計目的で使用されていたテスト マークアップで入力要素を見つけました。他の入力を削除すると、DatePicker が正常に動作し始めました。

于 2013-11-22T19:43:44.390 に答える