简单的方法来实现日期/时间选择器

任何人都知道在bootstrap /剃刀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>

来源

2013-03-28 NickP

看到我更新帖子，JavaScript和jQuery代码，您需要在节去。 – Rob

唉，仍然没有工作，已经移动了我的头（如上）。有任何想法吗？ – NickP

你使用的是旧版本的jQuery，你不包括jQuery UI。从我的代码复制并粘贴，并摆脱你的jQuery参考。另外请务必添加jquery-ui.css参考。 – Rob

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-28 13:23:46 Rob

Lol，你打败了我。 – IyaTaisho

我以前从未使用过JQuery，它将它添加到HTML中简单吗？还是需要插件等安装？ – NickP

在网站上浏览一下。您需要在HTML中添加对jquery和jquery ui的引用。 www.jquery.com也会有一些教程。 – Rob