0

asp.net mvc4 アプリケーションがあります。ビューのアップロードで、データピッカーカレンダーを追加したいので、レイアウトを次のように変更します。

   <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - Mon application ASP.NET MVC</title>
        <link href="~/akeo.ico" rel="shortcut icon" type="image/x-icon" />
        <link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/jquery.ui.all.css" rel="stylesheet" type="text/css" />

    <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"/>
    <script src="../../Scripts/jquery.ui.core.js" type="text/javascript" />
    <script src="../../Scripts/jquery.ui.widget.js" type="text/javascript" />
    <script src="../../Scripts/jquery.ui.datepicker.js" type="text/javascript" />

    <script src="/Scripts/MicrosoftAjax.js" type="text/javascript" />
    <script src="/Scripts/MicrosoftMvcAjax.js" type="text/javascript" />
    <script src="/Scripts/MicrosoftMvcValidation.js" type="text/javascript" /> 
          <script>
              $(function () {
                  $("#datepicker").click(datepicker());
              });
    </script>
        <meta name="viewport" content="width=device-width" />
        @Styles.Render("~/Content/css")
        @Scripts.Render("~/bundles/modernizr")
    </head>

ビュー Uploading.cshtml に、データピッカー用のテキスト領域を配置しました。

@using (Html.BeginForm("Uploading", "Akeo", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <input type="file" name="file" />
    <br />
    @Html.Label("Date d'expiration")
    <input type="text" name="duree" />
    <br />


    <input type="text" id="datepicker" />
    <input type="submit" value="OK" />

}

ファイル 問題は、テキストをクリックしても何も起こらず、カレンダーが表示されないことです。

これの理由は何ですか？このエラーを修正するためにコードを変更するにはどうすればよいですか?

4

2 に答える 2

2

JavaScript コードは次のようになります。

$(function () {
      $("#datepicker").datepicker();
});
于 2013-05-29T08:37:11.157 に答える
0

id を介して入力フィールドにアクセスしようとしていますdatepicker。入力フィールドの選択方法を変更するか、次のように入力フィールドに ID を追加します。

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

または、入力フィールドのタイプを日付に変更して、次のように選択することもできます。

$('input[type="date"]')

js を次のように変更します。

$('input[type="date"]').datepicker()

HTML5 の入力タイプを確認することをお勧めします。日付タイプのサポートがますます増えています: http://caniuse.com/input-datetime

そのすべてを気にしない場合は、次の 2 つの部分を変更するだけです。

$(function() {
    $( "#myDate" ).datepicker();

});

<input type="text" id="myDate" />
于 2013-05-29T08:38:34.370 に答える