Home/ Questions/Q 6652839
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T01:11:28+00:00

I am trying to display a datepicker on my web little project with the

  • 0

I am trying to display a datepicker on my web little project with the help of django frame.
The case is that when I do the request to my page it displays everithing ok, but the datepicker calendar do not pop-up.

Could you help me? My code is:

My class:———————————————————————————–

class clientcheckform(ModelForm):
class Meta:
    model = client
    fields = ('checkin',)
    widgets = {
        'checkin': forms.DateTimeInput(format='%d%m%Y',attrs={
            'class':'input',
            'readonly':'readonly',
            'size':'15',
        })
    }

My view.py ——————————————————————————–

def index(request):
    client_check = clientcheckform()                                    

template = loader.get_template('booking/index.html')
context = Context({
    'client_check': client_check,
     })
return HttpResponse(template.render(context))

To display I am using this template:—————————————————

<p><b></br>Select CheckIn Day: </b></p>
<head>
<link type="text/css" href="/media/css/jquery-ui-1.8.16.custom.css" rel="Stylesheet" /> 
<script type="text/javascript" src="/media/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="/media/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript">
jQuery(function() {
        jQuery('#checkin').datepicker({ dateFormat: 'dd/mm/yy' });
    });
</script>
</head>
{{client_check}}

I would greatly appreciate your help.
Thanks. Victor.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    “jQuery is not defined” means jQuery.js is not loaded.

    From looking at your code, it is probably one of the following two reasons:

    1. The incorrect HTML markup. Try to take away the <head> tag around <script> and <link>.
    2. The jQuery file included has incorrect path or the file itself is corrupted. Try to replace /media/js/jquery-1.6.2.min.js with http://code.jquery.com/jquery-1.6.4.min.js and see if this fixes the problem. If it does, there is something wrong with your jQuery file.
    • 0