当屏幕尺寸减小时，引导日期选择器日期对齐方式会发生变化答案

【问题标题】：Bootstrap datepicker date alignment changes when screen size is reduced当屏幕尺寸减小时，引导日期选择器日期对齐方式会发生变化
【发布时间】：2020-06-01 00:25:45
【问题描述】：

我使用了引导程序 datepicker 。每次我减小屏幕尺寸时，日期选择器都会更改日期的对齐方式，如下所示。

  <div class='input-group date' id='fromDate'>
   @Html.TextBoxFor(model => model.FromDate, new { @class = "form-control", name = "startDate", id = "startDate", @readonly = "true" })
   <span class="input-group-addon">
     <span class="glyphicon glyphicon-calendar"></span>
   </span>
 </div>

并在文档上加载以下代码。

$('#fromDate')
  .datepicker({
    format: 'dd/mm/yyyy',
    autoclose: true,
    orientation: 'bottom'
  })

我试过给出高度和宽度，但没有任何效果。

【问题讨论】：

您没有使用引导日期选择器，而是使用 jquery 日期选择器，请检查您的所有脚本和样式或点击此链接jqueryui.com/datepicker

标签： jquery asp.net-mvc bootstrap-4

【解决方案1】：

确保您的 _Layout.cshtml 文件中有这个 ViewPort 元数据。根据您的文本字段，您的 Jquery ID 应该是 startDate 而不是 fromDate。

$('#startDate')
        .datepicker({
            format: 'dd/mm/yyyy',
            autoclose: true,
            orientation: 'bottom'
        })

希望这会解决它。

【讨论】：

您好，感谢您的回复，但我使用了视口元数据，'fromDate' 是文本框上方
的 id。将 datepicker 设置为文本框也有同样的问题。