渲染django ModelForm與jquery datepicker

每一個我想呈現與jquery datepicker django ModelForm ,,現在知道如何做到這一點？渲染django ModelForm與jquery datepicker

models.py

.... 
class ProductsTbl(models.Model): 
    model_number = models.CharField(max_length=255, blank=True, null=True) 
    name = models.CharField(max_length=255, blank=True, null=True) 
    material = models.TextField(blank=True, null=True) 
    release = models.DateTimeField(blank=True, null=True) 
    ...

forms.py

from django import forms 
from django.forms import ModelForm 
from .models import ProductsTbl,Upload 


class ProductsTblForm(ModelForm): 
    class Meta: 
     model = ProductsTbl 
     fields = ('model_number','name','feature', 'material','release',)

edit_thing.html

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker({ dateFormat: 'yy-mm-dd' }); 


    }); 
    </script> 
{% extends 'base.html' %} {% block title %} 
Edit {{ thing.name }} - {{ block.super }} {% endblock title %} 
{% block content %} 
<h1>Edit "{{ thing.name }}"</h1> 
<form role="form" action="" method="post"> 
{% csrf_token %} 
{{ form.as_p }} 
<br> 
<button type="submit">Submit</button> 
<a href="{% url 'edit_thing_uploads' slug=thing.slug %}"> Edit images</a> 
</form> 
{% endblock %}

我想我必須做一些forms.py ,,,讓

發佈

有日期選擇器功能,, according to the link here

現在只是一個普通的HTML

來源

2016-04-21 Joe Lin

什麼不工作？ – Sayse

發佈輸入文本部分需要datepicker ,,我想必須做一些在forms.py ,,,現在只是簡單的HTML沒有datepicker ,,,。 –

就像這裏的鏈接http://stackoverflow.com/a/16356818/5678590但我不知道如何做到這一點在我的forms.py –

在下面的代碼行中，引用了您要應用日期選擇器的元素的ID，在這種情況下，該元素不會是datepicker，因爲它將是django提供的默認ID，我猜測它應該是像#id_release但你必須檢查輸入元素，找出它應該是

$("#datepicker").datepicker({ dateFormat: 'yy-mm-dd' });

Django的默認，因爲auto_id

屬性生成ID值創建的ID字段的通過預先將id_添加到表單字段名稱中。但是，如果您想要更改id約定或完全刪除HTML id屬性和標籤，則此行爲是可配置的。

來源

2016-04-21 08:21:34 Sayse

在純html中我必須把 ,,,然而Django的形式只是呈現{{form.as_p}}在HTML ,,所以我想我必須在forms.py中添加一些代碼 –

@CcL - 我已經添加了一個鏈接doc解釋了django如何創建id，你根本不需要在純html中編寫代碼，只需要將腳本應用到正確的元素即可。 – Sayse

謝謝，在edit_thing.html中將$（「＃datepicker」）更改爲$（「#id_release」）後， –

渲染django ModelForm與jquery datepicker

回答

相關問題