Javascript jQueryUIDatePicker css看起来有很多缺陷
我在这里使用JQuery UI日期选择器:。这就是我的实现的样子: 包括。在我的标题中:Javascript jQueryUIDatePicker css看起来有很多缺陷,javascript,jquery,css,jquery-ui,datepicker,Javascript,Jquery,Css,Jquery Ui,Datepicker,我在这里使用JQuery UI日期选择器:。这就是我的实现的样子: 包括。在我的标题中: <!-- JQuery --> <script src="http://cdn.jsdelivr.net/webjars/jquery/2.1.4/jquery.min.js"></script> <!-- Bootstrap CSS --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/
<!-- JQuery -->
<script src="http://cdn.jsdelivr.net/webjars/jquery/2.1.4/jquery.min.js"></script>
<!-- Bootstrap CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<!-- Include Single Date Picker -->
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" />
<script src="http://cdn.rawgit.com/jquery/jquery-ui/1.10.4/ui/jquery.ui.datepicker.js"></script>
<script id="mobile-datepicker" src="http://cdn.rawgit.com/arschmitz/jquery-mobile-datepicker-wrapper/v0.1.1/jquery.mobile.datepicker.js"></script>
HTML。我同时有两个约会接线员:
<!-- Include Single Date Picker -->
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<td><input th:field="*{dateFrom}" style="border-radius: 4px; padding: 11px 11px 11px 11px; width: 100%;" type="text" class="datepicker" /></td>
<td><input th:field="*{dateTo}" style="border-radius: 4px; padding: 11px 11px 11px 11px; width: 100%;" type="text" class="datepicker" /></td>
Javascript。在我的页面底部:
<!-- Initialize Date Picker -->
<script type="text/javascript">
$( function() {
$( ".datepicker" ).datepicker();
});
</script>
$(函数(){
$(“.datepicker”).datepicker();
});
为什么我的日历看起来如此混乱?看起来代码中td的某个地方有填充,请尝试在开发人员工具中进行检查,看看
.ui日期选择器td{border:0;padding:1px}
被覆盖这是一些css。你能提供一个JSFIDLE吗?“我会改正的。”桑德威尔我从这里开始:我试着到处找。甚至不能覆盖类上的填充。必须是某种bootstrap/jquery-ui.css不兼容…当您右键单击并按其中一个td:s上的inspector时,inspector看起来是什么样子?.ui日期选择器td{padding:1px}是否被划掉了?问题是在我的main style.css中,我在每个锚点
a
上都有一个右边距。在jQueryUICSS中不会出现的小错误。