Question

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

当我点击该字段并在检查员处显示时，没有任何东西甚至看起来像是日期选择器，让我相信它没有被初始化。

有人可以查看我的代码，看看有什么看起来很明显，谢谢！

我的观点：

＆＃13;

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

＆＃13;

编辑模板：

＆＃13;

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

＆＃13;

Answer 1

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

使用编辑器模板

1 个答案: