日期选择器没有出现在我的模式中使用编辑器模板答案

【问题标题】：datepicker doesn't appear inside my modal using an editor template日期选择器没有出现在我的模式中使用编辑器模板
【发布时间】：2023-04-09 21:53:01
【问题描述】：

我有一个带有日期选择器的文本字段，当您单击它时不会出现。我已经尝试将下面的 JS 放置到任何一个文件中，看看它是否会显示它。我看过其他一些解决方案，但似乎都没有。

当我单击该字段并在检查器上隐约可见时，没有任何东西看起来像日期选择器，这让我相信它没有被初始化。

谁能看看我的代码，看看有没有什么明显的地方，谢谢！

我的观点：

 <div class="col-sm-5">
                @Html.LabelFor(model => Model.Lead.DOB, new { @class = "control-label" })
            </div>

            <div class="col-sm-7 ">
                <div class="input-group">
                    @Html.EditorFor(x => x.Lead.DOB)
                </div>
                @Html.ValidationMessageFor(model => Model.Lead.DOB)
            </div>

编辑器模板：

@model Nullable<DateTime>

@{
    DateTime dt = Model ?? DateTime.Now;
    var dateString = dt.ToString("dd/MM/yyyy");
    
    <div class="input-group">
        @Html.TextBox("dobTextBox", dateString, new { @id="dobDatepicker", @class = "form-control datepicker" })
        <span class="input-group-addon glyphicon glyphicon-calendar addonDate calendarControl" title="Click to display a date-picker"></span>
    </div>
    
    <script type="text/javascript">

        $(document).ready(function ()
        {
        

            $("#dobDatepicker").datepicker({
                changeMonth: true,
                changeYear: true
            });

        });

    </script>
}

【问题讨论】：

您的视图上有多个日期选择器文本框吗？
主视图中有很多部分视图，但这个特定的视图是带有模式的部分视图，并且它是该部分视图中唯一带有日期选择器的 texbox 字段
如果您认为还有其他日期选择器只有第一个有效？
没有其他两个工作正常
Mmh 可能会尝试按类更改 id。而不是 #dobDatepicker 使用 .dobDatepicker 并在您的文本框中使用 class="dobDatepicker"。

标签： jquery html twitter-bootstrap model-view-controller

【解决方案1】：

对 datepicker 的 javascript 调用必须在编辑器之外，在调用编辑器的视图中，我的主要问题是使用 EditorFor 助手会自动设置输入的 id 名称，所以我只是检查了它在检查员，现在它可以工作了：D

【讨论】：