How to use TimePicker to DatePicker MVC3 C#
How to use TimePicker to DatePicker MVC3 C#
提问于 2012-06-26 17:25:18
我正在努力理解如何将TimePicker http://trentrichardson.com/examples/timepicker/解决方案与我现有的使用DatePicker的ASP.Net MVC3 C#站点结合起来。DatePicker本身目前运行良好，但我需要添加时间和日期，而TimePicker看起来非常符合我的需要，只是我不确定如何实现它。
我看到这个例子给出了这个代码：
$('#example1').datetimepicker();但我不确定如何在我现有的site / DatePicker函数中使用它。
我已经确保在_Layout页面的HEAD部分包含以下JS文件，并将CSS添加到现有的DatePicker CSS文件(jquery-ui-1.7.3.custom.css)中：
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.7.3.custom.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-timepicker-addon.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-sliderAccess.js")" type="text/javascript"></script>在我的视图页面上，我有这样的代码，它显示输入并调用DatePicker函数(它在当前的形式下工作得很好)：
@model test.Models.News
@{
ViewBag.Title = "Create";
}
@using (Html.BeginForm())
{
@Html.ValidationSummary(true)
<div class="editor-label">
@Html.LabelFor(model => model.News_Date)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.News_Date, "News_Date", new { @ID = "News_Date" })
</div>
<p>
<input type="submit" value="Create" />
</p>
}
<script type="text/javascript">
$(document).ready(function () {
$("#News_Date").datepicker({
showOptions: { speed: 'fast' },
changeMonth: false,
changeYear: false,
dateFormat: 'dd/mm/yy',
gotoCurrent: true
});
});
</script>我不确定如何安装TimePicker函数，以便它在我的MVC3站点上与DatePicker一起工作。
如果有人不介意的话，我将非常感谢你的解释？
非常感谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-06-26 17:33:21
您只需在视图中用datetimepicker替换您的datepicker调用，并为两者提供必要的参数：
<script type="text/javascript">
$(document).ready(function () {
$('#News_Date').datetimepicker({
// Arguments for the date picker
showOptions: { speed: 'fast' },
changeMonth: false,
changeYear: false,
dateFormat: 'dd/mm/yy',
gotoCurrent: true,
// Arguments for the time picker
showSecond: true,
timeFormat: 'hh:mm:ss',
stepHour: 2,
stepMinute: 10,
stepSecond: 10
});
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11204323
复制相关文章
相似问题
腾讯云开发者
