2013-04-05 108 views
3

我是django的新手。我創建了一個模型形式顯示在管理員側 壓延機(日期選擇器)這樣如何在日期字段上以日文形式顯示日期選擇器日曆?

enter image description here

但是當我使用的是在我的模板香脆形式提交其只是普通場沒有日期選擇器

enter image description here

我無法找出解決方案好心幫我在這裏是我的代碼

Model.py

class jobpost(models.Model): 
item_types = (
    ('Full Time',_('Full Time')), 
    ('Part Time',_('Part Time')), 
    ('Contract',_('Contract')), 
) 

post_type= (
    ('Job',_('Job')), 
    ('Classified',_('Classified')), 
    ('Project/Task',_('Project/Task')), 
    ('Internship',_('Internship')), 

) 
#user = models.ForeignKey(User) 
job_id =    models.AutoField(primary_key=True) 
#user = models.ForeignKey(User, editable = False) 


post_type =  models.CharField(verbose_name=_('Post type'),max_length=255,null=True, choices=post_type,default='Job') 
job_type =  models.CharField(verbose_name=_('Job type'),max_length=255,null=True, choices=item_types,default='Full Time') 
job_location = models.CharField(verbose_name=_('Job location'),max_length=255,null=True) 
job_title =    models.CharField(verbose_name=_('Job title'),max_length=255,null=True) 
job_description =  models.TextField(verbose_name=_('Job description'),null=True) 
start_date = models.DateField(verbose_name=_('Start date') ,null=True)#4 April 2013 
end_date =  models.DateField(verbose_name=_('End date'),null=True) 
how_to_apply = models.CharField(verbose_name=_('How to Apply'),max_length=255,null=True) 

這裏是我在model.py部件

widgets = { 

    'job_type':RadioSelect(),  
    'job_location':TextInput(attrs={'size':'70'}), 
    'job_description':Textarea(attrs={'cols':200, 'rows':10}), 
     'start_date':DateInput(attrs={ 
      'class': 'datepicker', 
      'data-date-format': 'yyyy/mm/dd', 
     }), 

     'end_date':DateInput(attrs={ 
      'class': 'datepicker', 

      'data-date-format': 'yyyy/mm/dd', 
     }), 


} 

這裏我使用的形式即時通訊我的模板

<head> 
{% extends "portal/site_base.html" %} 
{% load crispy_forms_tags %} 
<p>Step {{ step }} of {{ step_count }}</p> 
{% comment %} 
{% load i18n %} 
{% trans "Main page of the portal." %} 

{% endcomment %} 
{% block content %} 
<meta http-equiv="Content-Language" content="en-us" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Welcome {{ user.username }} </title> 

<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-min.js"></script> 
<!-- give correct location for jquery.js --> 
<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-ui-min.js"></script> 
<!-- give correct location for jquery-ui.js --> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.dateinput').datepicker({ format: "yyyy/mm/dd" }); 
    }); 
</script> 

</head> 
{{ post_type_value }} 
<body> 

<form method="post" action="/portal/next/post/" class="blueForms" id="id-jobpostform"> 


{% csrf_token %} 
{{ post_type_value }} 
{% crispy form %} 
{% if request.REQUEST.post_type %} 
<input type="hidden" name="post_type" value="{{ request.REQUEST.post_type }}"> 
{% endif %} 
{{ post_type_value }} 
{% for field.post_type in form %}{{ field.as_hidden }} 
<input type="hidden" name="{{ post_type_field }}" value="{{ post_type_value }}" /> 
{% endfor %} 

這就是被錯誤的jQuery不工作

[08/Apr/2013 08:08:02] "GET /portal/next/js/jquery-min.js HTTP/1.1" 404 4051 
[08/Apr/2013 08:08:02] "GET /portal/next/js/jquery-ui-min.js HTTP/1.1" 404 4060 

我盡我所能,給jquery不同的路徑,但它不工作。

回答

0

在你的模板中,你提到的類是'.dateinput'而不是'.datepicker',正如你在widget中提到的那樣。 嘗試像這樣...

$('.datepicker').datepicker({ format: "yyyy/mm/dd" }); 
+0

它不工作 – numerah 2013-04-08 12:15:29

+1

檢查jQuery的是否在您的模板工作,並形成可見的。 – Raji 2013-04-08 12:45:28

+0

@Raji如何在django使用的網頁中顯示日期選擇器 – user2086641 2013-05-03 09:17:20

相關問題