时间戳

首页 > 解决方案 > Django datepicker 问题，$ 无法识别

javascript - Django datepicker 问题，$ 无法识别

问题描述

嗨，完全意识到这看起来像是重复的，但事实并非如此，其他问题的修复并没有解决这个问题。我正在尝试在我的 django 表单中添加一个日期选择器，但我以前从未使用过 jquery，但现在看来我必须这样做，但无法让它工作。我正在尝试遵循本指南https://simpleisbetterthancomplex.com/tutorial/2019/01/03/how-to-use-date-picker-with-django.html#fengyuan-chens-datepicker并尝试使用fengyuanchen_datepicker。我根本无法让它工作，我认为这是因为页面顶部的 CDN 链接。这是标题：

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Project Portal+ :: sidev</title>
  <link rel="shortcut icon" href="{% static 'project_portal/images/favicon.ico' type='image/x-icon' %}">
  <link rel="stylesheet" href="{% static 'project_portal/css/project_portal.css' %}">    
  <link type="application/javascript"  href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/i18n/datepicker.en-GB.min.js">
  <script src="jquery-3.4.1.min.js"></script>
</head>

这是我试图让它工作的html：

<!DOCTYPE html>
{% extends "project_portal/base.html" %}

{% block detail %}
<div class="project_setup">
  <h1>Project Setup</h1>
  <form class="update" method="POST">
    {% csrf_token %}
    <table>
    {{ form.as_table }}
    </table>
    <input type="submit" class="btn" value="Submit">
    <a href="{% url 'project-list' %}">Cancel</a>    
  </form>
</div>

<script>
  $(function () {
      $("#id_date").datepicker({
      format: 'dd/mm/yyyy',
      });
  });
</script>

{% endblock %}

我假设“$”是一个 jquery 的东西，我个人宁愿不使用它，因为它真的很臃肿只是为了做这件事，但我目前找不到另一种方法来做它，因为引导程序不受限制与我当前的 css 混淆。我该怎么做才能让它工作。

标签： javascriptdjangodatepicker

解决方案

推荐阅读