jquery日期选择器看起来很奇怪

Question

我的jquery datepicker看起来很奇怪：

以下是我的依赖性加载：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">  
  <link rel="stylesheet" type="text/css" href={% static "getdata/css/custom.css" %} media="all">
  <link rel="stylesheet" type="text/css" href={% static "getdata/css/custom2.css" %} media="all">
  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>

这是我的HTML：

<td><input class="datepicker" id="endDate1" type="text"/></td>

这是我的js：

$( ".datepicker" ).datepicker();

任何帮助都将不胜感激。

THX

Answer 1

正如可以看到它完美地工作一样，所以你的css会对td>input产生影响，因为你可以看到造型与我的不同。我建议你检查一下输入，以及包含从jQuery中提取的div的{​​{1}} = #ui-datepicker-div，因为某处你正在覆盖某些样式。

table

$( ".datepicker" ).datepicker();

Answer 2

我解决了这个问题。 我有一些css样式，正在塑造细胞的第n个孩子。 Jquery代码必须在单元格内创建一些新元素，因此它们继承样式作为第n个元素。

底线，在jquery将添加自己的元素的块中，不能使用第n个元素样式。