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 timepicker add-on

它适用于现有的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"})

选中此项以获取更多reference

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

1 个答案: