jquery - 如何在 mvc3 中使用日期时间选择器

Question

我是 MVC 和 Jquery 的新手。我需要选择日期时间，我选择了以下方式，但它只允许选择日期，我也需要选择时间。

<script type="text/javascript">
 $(document).ready(function () {
    $("#date").datepicker(
    { 
    dateFormat: 'dd/mm/yy',
    showAnim: 'slideDown'
     });
 });
 </script>

 @Html.TextBoxFor(m => m.StartTime, new {id = "date"})

Answer 1

如果你想同时拥有日期和时间选择器，你可以使用这个附加组件

Jquery UI 时间选择器插件

它适用于现有的 jquery datepicker。

您应该按以下顺序引用脚本文件

<script src="jquery.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script src="jquery-ui-timepicker-addon.js"></script>

现在只需调用函数

<script type="text/javascript">
 $(document).ready(function () {
    $("#date").datetimepicker({
         dateFormat: 'dd-mm-yy', timeFormat: 'hh:mm:ss' 
    });
 });
 </script>

 @Html.TextBoxFor(m => m.StartTime, new {id = "date"})

检查此以获取更多参考