DateTimePicker 不工作

Question

我一直在做 MVC 项目，我一直在尝试集成 (jquery) datetimepicker 到目前为止，如果我将它添加为一个简单的 HTML 控制它按预期工作：

_layout.cshtm

    @Scripts.Render("~/bundles/jquery")

BundleConfig.cs

    bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
          "~/Scripts/jquery-{version}.js"));

查看 >

<p>Date: <input type="text" id="datetimepicker" /></p>

<script type="text/javascript">
   jQuery('#datetimepicker').datetimepicker({});
</script>

但是当我尝试在我的代码中使用嵌入时它不起作用:

 <div class="form-group">
        @Html.LabelFor(model => model.deliveryDate, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.TextBoxFor(model => model.deliveryDate, new { @id = "datetimepicker", @type="text" })
            @Html.ValidationMessageFor(model => model.deliveryDate)
        </div>
    </div>

有什么建议吗？

如果您需要更多代码，请告诉我，我很乐意与您分享。

Answer 1

我之前遇到过类似的问题，问题是 { @id = "datetimepicker", @type="text" } 参考：jQuery('#datetimepicker').datetimepicker({}); 没问题，但你需要将 type=text 替换为 type="datatime"作品

<div class="form-group">
        @Html.LabelFor(model => model.deliveryDate, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.TextBoxFor(model => model.deliveryDate, new { @id = "datetimepicker", @type="datetime" })
            @Html.ValidationMessageFor(model => model.deliveryDate)
        </div>
    </div>

Answer 2

jQuery datetimepicker 是 jQuery 的扩展，它随 jQuery UI 一起提供。据我所知，正如 Stephen Muecke 所指出的，您似乎没有包含任何 jQuery UI 代码。这是 link 到 jQuery UI 下载页面，以获取使日期选择器工作所需的最少代码：http://jqueryui.com/download/#!version=1.11.2&themeParams=none&components=1000000000001000000000000000000000000

DateTimePicker 不工作

DateTimePicker not working

.net

c#

asp.net-mvc

jquery