坏掉的Jquery Ui风格Datepicker

Question

I am trying to use a jquery UI date picker on a datefield in django.我正在尝试在 django 的日期字段上使用 jquery UI 日期选择器。 but for some reason, it looks very bad.但由于某种原因，它看起来很糟糕。 and the input field itself is wired.并且输入字段本身是有线的。 I would like to know what I am doing wrong?我想知道我做错了什么？ how can I fix the view?如何修复视图？ there is also (in green) a gap in the field how can I remove the gap?.场上也有（绿色）缺口，我该如何消除缺口？

picture:图片：

JS JS

 $("#id_start_time").datepicker({});

my head of the page:我的页首：

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>

<!--  Data Tables-->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css"
      href="https://cdn.datatables.net/rowreorder/1.2.6/css/rowReorder.dataTables.min.css">
<link rel="stylesheet" type="text/css"
      href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.dataTables.min.css">


<script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script type="text/javascript" charset="utf8"
        src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" charset="utf8"
        src="https://cdn.datatables.net/rowreorder/1.2.6/js/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" charset="utf8"
        src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>


<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js"
        integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
<link rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css"
      integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous"/>

Answer 1

I can't see jQuery ui css there.我在那里看不到 jQuery ui css。

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">

坏掉的Jquery Ui风格Datepicker

问题描述

1 个解决方案

解决方案1
2 已采纳 2020-06-07 08:17:14

坏掉的Jquery Ui风格Datepicker

问题描述

1 个解决方案

解决方案1 2 已采纳 2020-06-07 08:17:14

解决方案1
2 已采纳 2020-06-07 08:17:14