Question

我正在尝试开发一种使用日历功能记录日期的表格。但是我的日期选择器无法正常工作。我无法跟踪该问题。要求帮助我。

Post_edit.html:
    {% extends 'polls/base.html' %}
    {% block content %}
        <h1>New post</h1>
        <form method="POST" class="post-form">{% csrf_token %}
            {{ form.as_p }}

            <button type="submit" class="save btn btn-default">Save</button>
        </form>
    {% endblock %}

Base.html:

    {% load static %}
    <html>
        <head>
            <title>Django Girls blog</title>
            <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
            <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
            <link href='//fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
            <link rel="stylesheet" href="{% static 'css/blog.css' %}">

            <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
            <link rel="stylesheet" href="/resources/demos/style.css">
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <title>jQuery UI Datepicker - Default functionality</title>
            <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
            <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
            <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
            <script>
            $( function() {
              $( "#created_date" ).datepicker();
            } );
            </script>
        </head>
        <body>
            <div class="page-header">
                <a href="{% url 'polls:post_new' %}" class="top-menu"><span class="glyphicon glyphicon-plus"></span></a>
                <h1><a href="/">Django Girls Blog</a></h1>
                <p>Date: <input type="text" ></p>

            </div>
            <div class="content container">
                <div class="row">
                    <div class="col-md-8">
                        {% block content %}
                        {% endblock %}
                    </div>
                </div>
            </div>
        </body>
    </html>


    Forms.py 

        from django import forms

    from .models import Post

    class PostForm(forms.ModelForm):

        class Meta:
            model = Post
            widgets = {'created_date': forms.DateInput(attrs={'class': 'datepicker'})}
            fields = ('title', 'text','created_date')

    URLs.py

            path('/vote/', views.vote, name='vote1'),

    #    path('post/new', views.post_new, name='post_new'),
        path('', views.post_list, name='post_list'),
        path('post/<int:pk>/', views.post_detail, name='post_detail'),
        path('post/new/', views.post_new, name='post_new'),
        path('post/<int:pk>/edit/', views.
    post_edit, name='post_edit'),
    ]

请找到我遵循的链接以获取指导。 http://www.derricksherrill.com/django/django-datepicker-widget/

https://tutorial.djangogirls.org/en/django_forms/

预先感谢

Django完整日历功能（datepicker）在表单中不起作用

0 个答案: