使用编辑器模板无法正确呈现ASP.Net MVC-4引导程序日期时间检测程序

Question

我使用ASP.Net MVC-4构建了一个Web应用程序。我正在使用应用程序中的Bootstrap插件和脚本。 我在使用编辑器模板渲染日期时间选择器时遇到问题。 以下是我的日期时间选择器编辑器模板的代码：

<div class="date-time-picker input-group">
     @Html.TextBoxFor(model => model.Value, new { data_format = shortDatePattern + " " + shortTimePattern, data_val_requiredif = Model.RequiredIfDynamicErrorMessage, @class = "form-control" })
    <span class="input-group-addon">
    <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
    </span>
</div>

然后我已经初始化了日期时间选择器，如下所示：

<script type="text/javascript">
    $(function () {
        $(".date-time-picker").datetimepicker({
            format: '@shortDatePattern  @shortTimePattern',
            locale: moment.locale('@language')
        });
    });
</script>

以下是上述脚本中使用的变量：

@{  string shortDatePattern = CultureHelper.GetDateTimeFormatInfoForCurrentCulture().ShortDatePattern.ToUpper();
    string shortTimePattern = CultureHelper.GetDateTimeFormatInfoForCurrentCulture().ShortTimePattern;
    shortTimePattern = shortTimePattern.Replace(@"tt", @"A");
    string language = CultureHelper.GetCurrentCulture().TwoLetterISOLanguageName;
}

编辑器模板显示在模态窗口中。当应用程序运行时，我能够部分地看到日期时间选择器小部件，其余部分与日期时间选择器编辑器模板上方或下方显示的编辑器模板重叠。

下面的图片可用于描述相同的内容：

我正在使用bootstrap版本4.15.35

我尝试过使用：

widgetPositioning: {
                horizontal: 'auto',
                vertical: 'auto'
            }

但它对水平和垂直的所有可能性都不适用。

如果有人能就此提出一些建议，那将是非常好的。