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