这是关于如何date picker在django驱动的站点中使用jQuery .
models.py 是
from django.db import models
class holidaytime(models.Model):
holiday_date = models.DateField()
Run Code Online (Sandbox Code Playgroud)
我在用jquery datepicker.
我正在使用a model form并创建text field成功显示日期.
但未能显示datepicker图标.我正在使用Django模型表单.
我是uisng python,要将数据从json文件显示到页面,我收到以下错误
Failed to load resource: the server responded with a status of 404 (NOT FOUND) http://localhost:8000/static/script/jquery-1.9.1.min.js
Failed to load resource: the server responded with a status of 404 (NOT FOUND) http://localhost:8000/static/script/myscript.js
Run Code Online (Sandbox Code Playgroud)
myscript.js文件
$("#button").click(function(){
$.getJSON("item.json",function(obj){
$.each(obj,function(key,value){
$("ul").append("<li>+value.item1+"</li>");
$("ul").append("<li>+value.item2+"</li>");
$("ul").append("<li>+value.item3+"</li>");
});
});
});
Run Code Online (Sandbox Code Playgroud)
.json文件是
{
"p1":{
"item1":"apple",
"item2":"orange",
"item3":"banana",
},
"p2":{
"item1":"water",
"item2":"milk",
"item3":"alcohol",
}
}
Run Code Online (Sandbox Code Playgroud)
模板是
<html>
<head>
<body>
<ul></ul>
<button></button>
<script src="script/jquery-1.9.1,min.js" type="text/javascript"></script>
<script src="script/myscript.js" type="text/javascript"></script>
</body>
</head>
</html>
Run Code Online (Sandbox Code Playgroud)
1).js文件在我的项目文件夹中,并且路径也已设置.
2).我是不是做在我的views.py任何疑问,因为我是新来这个,我很困惑与this.So任何值编码需要在views.py从JSON获取数据来执行.
3).无法解决上述错误,请提供可能的原因,以便我可以运行此功能.
谢谢
我正在使用下面的 javascript 代码来显示地图和标记。地图加载时正在加载标记,但如果单击名为“添加标记”的按钮,我想加载标记。标记应指向当前位置。如何在这里做。
js。
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var geocoder = new google.maps.Geocoder();
function updateMarkerStatus(str) {
document.getElementById('markerStatus').innerHTML = str;
}
function updateMarkerPosition(latLng) {
document.getElementById('info').innerHTML = [
latLng.lat(),
latLng.lng()
].join(', ');
}
function updateMarkerAddress(str) {
document.getElementById('address').innerHTML = str;
}
function initialize() {
var latLng = new google.maps.LatLng(-29.3456, 151.4346);
var map = new google.maps.Map(document.getElementById('mapCanvas'), {
zoom: 8,
center: latLng,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker = new google.maps.Marker({
position: latLng,
title: 'Marker',
map: map,
draggable: true
}); …Run Code Online (Sandbox Code Playgroud) 在HTML中,delete_icon是一个图像类,如果我单击它,电子邮件ID将被删除,而不会有任何确认消息.我想在delete_icon点击时添加一个弹出窗口来显示.上面提到的弹出窗口应该打开,如果yes单击,则实例应该被删除,否则它应该返回相同的内容.我怎样才能做到这一点jQuery还是JavaScript?
forms.py
class TypeSelectionForm(forms.Form):
checkbox_field = forms.MultipleChoiceField(widget=forms.CheckboxSelectMultiple(), label="", required=False)
def __init__(self, type_id, *args, **kwargs):
super(TypeSelectionForm, self).__init__(*args, **kwargs)
_type_checkbox = self.fields['checkbox_field']
MY_CHOICES=((type.id, type.title) for type in type)
_type_checkbox.choices = MY_CHOICES
initial_val = []
type_selection = Types.objects.filter(parent_type_id=type_id,is_active=True)
for type_selection in type_selection:
initial_val.append(type_selection.id)
_type_checkbox.initial = initial_val
Run Code Online (Sandbox Code Playgroud)
views.py
def types(method):
""""""""""""
types = TypeSelectionForm(type_id)
return render(request,'types.html',{'types':types})
Run Code Online (Sandbox Code Playgroud)
在模板中,我正在渲染这样的字段,
types.html
{% for field in types.checkbox_field %}
<div class="deletelist">
{{field}}<br />
</div>
{% endfor %}
Run Code Online (Sandbox Code Playgroud)
它正在生成像这样的html,
<ul>
<li><label for="id_checkbox_field_0"><input checked="checked" type="checkbox" name="checkbox_field" value="597" id="id_checkbox_field_0" /> comp lab</label></li>
<li><label …Run Code Online (Sandbox Code Playgroud) forms.py
class SearchFilterForm(Form):
fromdate = forms.CharField(widget=forms.TextInput(attrs={'placeholder': 'dd/mm/yy','class':'datefield','readonly':'readonly'}))
todate = forms.CharField(widget=forms.TextInput(attrs={'placeholder': 'dd/mm/yy','class':'datefield','readonly':'readonly'}))
Run Code Online (Sandbox Code Playgroud)
models.py
class Report(models.Model):
user = models.ForeignKey(User, null=False)
created_date_time = models.DateTimeField('Created')
sent_date_time = models.DateTimeField('Sent')
Run Code Online (Sandbox Code Playgroud)
在数据库中,日期对象以这种格式保存,YYYY-MM-DD HH:MM我在forms.py中使用,格式是dd/mm/yyyy.如果我在表单中使用yyyy-mm-dd格式,我没有收到任何错误.因为我使用了dd/mm/yyyy格式表单我收到此验证错误.我想知道如何处理这个问题.
django django-templates django-models django-forms django-views
template.html
{% block css-custom %}
<link rel="stylesheet" type="text/css" media="print" href="{{ STATIC_URL }}style/print.css" />
<link rel="stylesheet" type="text/css" media="screen" href="{{ STATIC_URL }}style/print.css" />
{% endblock %}
{% block main-content %}
''''''''''''''
<table width="100%" border="0" class="printimg">
<tr><td>some data</td></tr></table>
'''''''''''''''''
{% endblock %}
Run Code Online (Sandbox Code Playgroud)
我想将上面的图像设置为表格的背景.如果我在标签中设置相同的图像,它将来显示,但作为背景它不会发生.作为HTML页面它正在工作,问题是打印它在纸上.
在打印预览中,背景图像即将显示,但在纸上打印时,图像会消失.
编辑:
report.css
.printimg {
background:url('/static/images/human.png');
width:128px;
height:293px;
background-position:center;"
}
/* media:screen */
@media screen {
.printimg img{
visibility: hidden;
}
}
/* media:print */
@media print {
.printimg img{
visibility: visible;
}
}
Run Code Online (Sandbox Code Playgroud)
我试过这个css,仍然是同样的问题是他们的.
django ×5
jquery ×3
django-forms ×2
html ×2
javascript ×2
css ×1
django-views ×1
google-maps ×1
image ×1
json ×1
printing ×1
python ×1