日期时间选择器不工作

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

jQuery datetimepicker 是 jQuery UI 附带的 jQuery 扩展。据我所知，正如 Stephen Muecke 所指出的，您似乎没有包含任何 jQuery UI 代码。这是一个指向 jQuery UI 下载页面的链接，以获取让 datepicker 工作所需的最少代码：http://jqueryui.com/download/#!version=1.11.2&themeParams=none&components=1000000000001000000000000000000000000

Answer 2

我之前遇到过类似的问题，问题是 { @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>