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 並覆蓋以解決問題