如何在django中使用Datepicker

 爱与嫉妒咋 发布于 2023-02-09 01:58

我想用datepicker实现一个django表单.我制作了forms.py

from django import forms

class DateRangeForm(forms.Form):
    start_date = forms.DateField(widget=forms.TextInput(attrs=
                                {
                                    'class':'datepicker'
                                }))
    end_date = forms.DateField(widget=forms.TextInput(attrs=
                                {
                                    'class':'datepicker'
                                })) 

views.py

if request.method == "POST":
        f = DateRangeForm(request.POST)
        if f.is_valid():
            c = f.save(commit = False)
            c.end_date = timezone.now()
            c.save()
    else:
        f = DateRangeForm()
        args = {}
        args.update(csrf(request))
        args['form'] = f


    return render(request, 'trial_balance.html', {
        'form': f
    })

balance.html

{% csrf_token %} Start Date:{{ form.start_date }}   End Date:{{ form.end_date }}

而且我的输入框中仍然没有该状态的日期选择器.我也试过在我的balance.html中包含脚本中的文件链接


仍然是datepicker不工作.但是当我在我的html文件中包含jquery时,它也不会使我在html文件中实现的jquery-treetable工作.

如何使datepicker工作?

1 个回答
  • 您可以使用forms.DateInput()小部件,而不是forms.TextInput():

    from functools import partial
    DateInput = partial(forms.DateInput, {'class': 'datepicker'})
    
    class DateRangeForm(forms.Form):
        start_date = forms.DateField(widget=DateInput())
        end_date = forms.DateField(widget=DateInput())
    

    要使JQuery Datepicker工作,您必须初始化它:

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css"> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
    <script>
    $(document).ready(function() {
        $('.datepicker').datepicker();
    });
    </script>
    

    2023-02-09 02:48 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有