Bootstrap4 datepickerinput 日歷圖標不可點擊

Question

底座.html

{% block content %} {% endblock %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="//cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="//cdn.bootcss.com/moment.js/2.17.1/moment.min.js"></script>

new_as.html

{% extends "base.html" %}
{% load bootstrap4 %}
{% bootstrap_css %}
{% bootstrap_javascript jquery='full' %}
{% block extrahead %}
{{ form.media }}
{% endblock %}
{% block content %}
<body>
    <div  style="background-color:#0062cc;color:white">
        <h1 style="padding-left:50px"  class="gfont"><a href="{% url 'main_page'%}" style="color:white"> Assignments</a>
        <p class="title gt">{{ stu }}<a href="/logout" style="padding-left:10px;font-size:15px;color:orange">logout</a></p></h1><hr>
    </div>
    <span style="float:left;padding-left:20px"><button onclick="javascript:history.go(-1);" class="btn btn-primary">Back</button></span>
     <div class="box" align="center" style="margin-bottom:1cm">
           <form action="new_assignment" method="post" enctype="multipart/form-data">
               {% csrf_token %}
               {{ form.media }}
               {% bootstrap_form form %}
               {% for error in form.non_field_errors %}
                    <p>{{error}}</p>
               {% endfor %}
               <br>
               <button type="submit" name="True" class="btn btn-warning">Save and add another question</button>
               <button type="submit" name="False" class="btn btn-primary">Save and exit</button>
           </form>
    </div>
</body>
{% endblock %}

forms.py

pub_date = forms.DateTimeField(label='Publish date', widget=DateTimePickerInput(format='%m/%d/%Y'))

output

誰能幫我看看為什么日歷圖標不可點擊並提供解決方案使其工作？ 提前致謝。

Answer 1

終於找到了答案

兩件事情

1.必須在settings.py中將jquery設置為true

    BOOTSTRAP4 = {
'include_jquery': True,}

如果您使用的是 bootstrap 3，請將其更改為 bootstrap3

2. 在 new_as.html 的額外目錄中

<script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.min.js"></script>

就是這樣，現在日歷圖標是可點擊的

Bootstrap4 datepickerinput 日歷圖標不可點擊

問題描述

1 個解決方案

解決方案1
0 已采納 2020-07-09 08:20:43

Bootstrap4 datepickerinput 日歷圖標不可點擊

問題描述

1 個解決方案

解決方案1 0 已采納 2020-07-09 08:20:43

解決方案1
0 已采納 2020-07-09 08:20:43