jquery datepicker не отображается в моем проекте Django - PullRequest
Новая
       11

jquery datepicker не отображается в моем проекте Django

1 голос
/ 04 октября 2011

Я пытаюсь отобразить средство выбора даты в своем небольшом веб-проекте с помощью фрейма django.Дело в том, что когда я делаю запрос на свою страницу, он показывает все нормально, но календарь выбора даты не всплывает.

Не могли бы вы мне помочь?Мой код:

Мой класс: ----------------------------------------------------------------------------------- 

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))

Для отображенияЯ использую этот шаблон: --------------------------------------------------- 

<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}}

Буду очень признателен за вашу помощь.Благодарю.Виктор.

Ответы [ 3 ]

1 голос
/ 23 мая 2013

Если кто-то еще идет по этому пути, у меня возникла та же проблема, и я решил ее. Как и оригинальный постер, я загружал JS в разделе <head><script>. Это сработало, когда я переместил его из этого раздела и поместил в нижней части HTML 

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/flick/jquery-ui.css" />

<script>
    $(function() {
    $( ".datePicker" ).datepicker();  # change ".datePicker" to match your code
    });
</script>

1 голос
/ 04 октября 2011

Ошибка в функции jquery.Ваш класс полей даты 'input', тогда jquery должен выглядеть примерно так: 

$(function() {
    $(".input").datepicker({ dateFormat: 'dd/mm/yy' });
0 голосов
/ 04 октября 2011

«jQuery не определен» означает, что jQuery.js не загружен.

Если посмотреть на ваш код, возможно, это одна из следующих двух причин:

  1. Неправильная разметка HTML. Попробуйте убрать тег <head> вокруг <script> и <link>.
  2. Включенный файл jQuery имеет неправильный путь или сам файл поврежден. Попробуйте заменить /media/js/jquery-1.6.2.min.js на http://code.jquery.com/jquery-1.6.4.min.js и посмотрите, решит ли это проблему. Если это так, значит, что-то не так с вашим файлом jQuery.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...