如何使用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 timepicker add-on

它的工作原理与现有的jQuery的日期选择器。

您应该参考以下顺序

<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