我怎么能用mvc5放一个datepicker

时间:2015-11-11 16:49:01

标签: c# jquery asp.net-mvc asp.net-mvc-5

我有这段代码:

<div class="form-group">
            @*@Html.LabelFor(model => model.DT_AGENDAMENTO, htmlAttributes: new { @class = "control-label col-md-2" })*@
            @Html.Label("Data de Agendamento", htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10" id="datepicker">
                @Html.EditorFor(model => model.DT_AGENDAMENTO, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.DT_AGENDAMENTO, "", new { @class = "text-danger" })
            </div>
        </div>

在我看来,我有:

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/jqueryui")

    $(document).ready(function(){
        $(".datepicker").datepicker();
    });
}

如何在我的文本框(razor)上放置Datepicker(jquery或其他)? 在chrome的开发工具上调试页面,我有这个错误:

  

获取http://localhost:55839/bundles/jquery-ui 404(未找到)

我不知道该怎么做。

1 个答案:

答案 0 :(得分:4)

对于最新的浏览器,最好的选择是将这些数据属性添加到类diflation中的相关属性:

[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]

然后在视图中使用@ Html.EditorFor作为属性。

对于捆绑包错误,请检查 App_Start&gt;中的捆绑包/ jquery-ui BundleConfig.cs 。可能定义有错误