如何使用TimePicker到DatePicker MVC#

我正在努力理解如何将TimePicker解决方案与使用DatePicker的现有ASP.Net MVC3 C#站点相结合。DatePicker本身目前运行良好，但我需要添加时间和日期，TimePicker看起来非常适合我的需要，只是我不确定如何实现它

我看到示例给出了以下代码：

$('#example1').datetimepicker();

但我不确定如何将其应用到我现有的站点/日期选择器功能中

我已确保将这些JS文件包含在_布局页面的HEAD部分，并将CSS添加到现有的DatePicker CSS文件（jquery-ui-1.7.3.custom.CSS）中：

在我的查看页面上，我有一段代码，它显示输入并调用DatePicker函数（在当前形式下可以正常工作）：

@model test.Models.News
@{
ViewBag.Title=“创建”；
}
@使用（Html.BeginForm（））
{
@Html.ValidationSummary（true）
@LabelFor（model=>model.News\u Date）
@EditorFor（model=>model.News\u Date，“News\u Date”，new{@ID=“News\u Date”}）


}
$（文档）.ready（函数（）{
$（“#新闻#日期”）.datepicker({
showOptions:{speed:'fast'}，
更改月份：false，
变更年：错误，
日期格式：“日/月/年”，
gotoCurrent：对
});
});

我不确定如何安装TimePicker功能，以便它与我的MVC3站点上的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>

$（文档）.ready（函数（）{
$（“#新闻_日期”）.datetimepicker({
//日期选择器的参数
showOptions:{speed:'fast'}，
更改月份：false，
变更年：错误，
日期格式：“日/月/年”，
gotoCurrent：是的，
//时间选择器的参数
第二：是的，
时间格式：“hh:mm:ss”，
斯蒂芬：2，
分钟:10,，
第二步：10
});
});

谢谢你，达林-有时候最简单的事情我都想不起来了，但至少现在我知道了：-）您好，我在用MS SQL查看同样的东西-您是否遇到过显示为31-12-1899的空日期？使用通常的jQuery UI日期选择器，它会显示一个很好的空白日期，但是使用这个datetimepicker组合，我的空日期显示为已填充。不适用于我，请看一下

@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>

<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>