jQuery Datepicker不能很好地呈现

Question

我的日期选择器呈现如下所示

我在头部中包含了jQuery：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

我的datepicker初始化为：

$('#date').datepicker({
            dateFormat: 'mm-dd-yy',
            maxDate : '-1',
            beforeShowDay: $.datepicker.noWeekends
            }).datepicker("setDate", new Date('{{ displayDate }} 00:00'));

是否有人能够解释为什么日期选择器没有正确呈现并指导我如何修复它？

Answer 1

可能是其他一些css导致但不是这段代码。 你的代码      完全works。

$('#date').datepicker({
            dateFormat: 'mm-dd-yy',
            maxDate : '-1',
            beforeShowDay: $.datepicker.noWeekends
            }).datepicker("setDate", new Date('{{ displayDate }} 00:00'));