Простой способ реализовать выбор даты/времени

Кто-нибудь знает, что самый простой способ реализовать выборку даты/времени в коде bootstrap/razor 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>

Но хотелось бы даты/времени сборщика выпадающее при выборе даты? Какие-либо предложения?

Простота здесь ключевая, так как код предназначен для некоторых основных учащихся.

EDITED но не работает:

Мой новый руководитель, по-прежнему не работает:

<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>

источник

2013-03-28 NickP

Смотрите мой обновленный пост, JavaScript и JQuery код должен идти в вашем разделе. – Rob

Увы все еще не работает, переместил его на голову (как указано выше). Есть идеи? – NickP

Вы используете старую версию jQuery, и вы не включаете jquery ui. Скопируйте и вставьте мой код и избавьтесь от ссылки на jquery. Также обязательно добавьте ссылку jquery-ui.css. – Rob

JQuery UI Datepicker

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>

Update:

#date относится к названию в вашей модели. Если вам нужно добавить других дампикеров, просто не забудьте поменять #date на новое название недвижимости

источник

2013-03-28 13:23:46 Rob

Lol, вы избили меня. – IyaTaisho

Ive никогда не использовал JQuery раньше, так же просто, как добавить его в HTML? Или нужны ли плагины и т. Д.? – NickP

Осмотритесь на сайте. Вам нужно будет добавить ссылку на jquery и jquery ui в свой HTML. www.jquery.com также будет иметь некоторые учебные пособия. – Rob