0

ブートストラップ/レイザー HTML コードで日付/時刻ピッカーを実装する最も簡単な方法を知っている人はいますか? 現在、次のように直接入力して、プログラムを正常に実行しています。

    <div class="editor-label">
        @Html.LabelFor(model => model.date)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.date)
        @Html.ValidationMessageFor(model => model.date)
    </div>

しかし、日付が選択されたときにポップアップする日付/時刻ピッカーが欲しいですか? 助言がありますか？

コードは一部の基本的な学生が見るためのものであるため、ここでは単純さが重要です。

編集されていますが、機能していません:

私の新しい頭、まだ機能していません:

<meta charset="utf-8">
<title>App Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href="@Url.Content("~/Content/bootstrap/css/bootstrap.css")" rel="stylesheet">
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/bootstrap/js/bootstrap.min.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#date").datepicker();
    });
</script>
4

3 に答える 3

1

jQuery UI デートピッカー

http://jqueryui.com/datepicker/

<head>
<link rel="stylesheet" type="text/css" media="screen" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

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

アップデート：

は、モデル内の#date名前を指します。他の日付ピッカーを追加する必要がある場合は、必ず#date新しいプロパティ名に変更してください

于 2013-03-28T13:23:46.720 に答える
0

AjaxControlToolkit ライブラリの Calendar コントロールを使用していますが、非常に優れています。このリンクでそれを実装する方法がすべてあります：

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/Calendar/Calendar.aspx

于 2013-03-28T13:17:57.293 に答える
0

MVC を使用する場合は、次の投稿をチェックアウトすることをお勧めします。モデル内のフィールド名に関係なく、すべての日付または日付/時刻フィールドが機能します。

http://blogs.msdn.com/b/stuartleeks/archive/2011/01/25/asp-net-mvc-3-integrating-with-the-jquery-ui-date-picker-and-adding-a- jquery-validate-date-range-validator.aspx

于 2013-03-28T14:01:54.703 に答える