JQuery DatePicker 错位问题

Question

我以前多次使用 JQuery Datepicker 没有问题，但现在我遇到了一个让我难过的错位问题。天向左飘，日期向右飘

我做错了什么？

HTML:

<div class="w100h005">
<input id="expdate" class="datepicker" placeholder="Expiry Date"></input>
</div>

CSS:

div.w100h005{display:block;width:100%;height:5vh;float:left;margin:1% 0 0 0;}

链接：

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"/>

JQuery初始化：

$(function(){$('.datepicker').datepicker({dateFormat: 'dd/mm/yy'});});
$('.datepicker').attr('autocomplete', 'off');

Answer 1

我检查了你的代码，没有问题:

$(function(){$('.datepicker').datepicker({dateFormat: 'dd/mm/yy'});});
$('.datepicker').attr('autocomplete', 'off');

div.w100h005{
  display:block;
  width:100%;
  height:5vh;
  float:left;
  margin:1% 0 0 0;
  }

<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>



<div class="w100h005">
<input id="expdate" class="datepicker" placeholder="Expiry Date">
</div>

顺便说一句，您可以选择两种方式：
1- 找到导致此问题的 css：检查它并查看被覆盖的内容
2-写一些额外的css并覆盖以解决问题

JQuery DatePicker 错位问题

JQuery DatePicker misalignment issue

jquery

datepicker

uidatepicker

jquery-ui-datepicker