要在form中输入时间
class JsCalendarWidget(forms.TextInput):
class Media:
js = (
settings.MEDIA_URL+"js/jscalendar/calendar_stripped.js",
settings.MEDIA_URL+"js/jscalendar.setup.js",
settings.MEDIA_URL+"js/jscalendar/calendar-setup_stripped.js",
settings.MEDIA_URL+"js/jscalendar/lang/calendar-en.js",
)
css = {
'all': (settings.MEDIA_URL+'/js/jscalendar/skins/aqua/theme.css',)
}
def __init__(self, attrs={}):
super(JsCalendarWidget, self).__init__(attrs)
class IssueForm(ModelForm):
issue_occur_date = forms.DateTimeField(widget=JsCalendarWidget(attrs={'class':'vDateField','size':'50'}))
对应的js设置代码是:
function initCalendar() {
Calendar.setup(
{
inputField : "id_issue_occur_date", //我的设置字段
ifFormat : "%Y-%m-%d %H:%M:%S",
button : "trigger"
}
);
}
if(document.all) {
window.attacheEvent('onload',initCalendar);
} else {
window.addEventListener('load',initCalendar,false);
}
分享到:
相关推荐
calendar python django
django-calendar-master_pythondjango_calendar_django_源码
资源分类:Python库 所属语言:Python 资源全名:django-cascading-dropdown-widget-0.2.6.tar.gz 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059
django-datetime-widget django-datetime-widget是一个简单干净的选择器小部件,用于Django框架中的DateField,Timefiled和DateTimeField。 它基于,同时支持Bootstrap 3和Bootstrap 2。 django-datetime-widget在...
Django Calendar
安装pip install -e git+/path/to/github/django-period-widget#egg=django_period_widget 将django_period_widget添加到INSTALLED_APPS 运行python manage.py collectstatic用法创建表格: from django.contrib....
django-json-widget 另一种可轻松编辑新Django字段JSONField(PostgreSQL特定模型字段)的小部件 快速开始 安装django-json-widget: pip install django-json-widget 将其添加到您的INSTALLED_APPS: INSTALLED_...
基于django框架加js前端的简单实例
django-widget-tweaks 在模板中而不是在python级表单定义中调整表单字段呈现。 支持更改CSS类和HTML属性。 对于设计师而言,无需触摸python代码即可自定义字段表示(使用CSS和不引人注目JavaScript)就足够了。 ...
python库。 资源全名:django-gallery-widget-1.2.1.dev0.tar.gz
python库。 资源全名:django-mdeditor-widget-1.0.0.tar.gz
关于django-widget-tweaks 主页: : 软件包许可证:麻省理工学院 原料许可证:BSD 3-条款 摘要:调整模板中的表单字段呈现,而不是python级表单定义。 当前构建状态 所有平台: 当前发行信息 姓名 资料下载 版本 ...
今天小编就为大家分享一篇django js实现部分页面刷新的示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
我如何使用 Django + Vue.js 快速构建项目.pdf ,我如何使用 Django + Vue.js 快速构建项目.pdf
一种基于Vue.js和Django的权限控制方法及系统.pdf一种基于Vue.js和Django的权限控制方法及系统.pdf一种基于Vue.js和Django的权限控制方法及系统.pdf一种基于Vue.js和Django的权限控制方法及系统.pdf一种基于Vue.js和...
django电子商务网站源码 django电子商务网站源码 django电子商务网站源码 django电子商务网站源码 django电子商务网站源码 django电子商务网站源码 django电子商务网站源码 django电子商务网站源码 django...
Django实现商城网站源码 Django实现商城网站源码 Django实现商城网站源码 Django实现商城网站源码 Django实现商城网站源码 Django实现商城网站源码 Django实现商城网站源码 Django实现商城网站源码 Django...
Django客户管理系统源码 Django客户管理系统源码 Django客户管理系统源码 Django客户管理系统源码 Django客户管理系统源码 Django客户管理系统源码 Django客户管理系统源码 Django客户管理系统...
django-flatpage-widget 修补平面管理员以使用自定义窗口小部件来显示内容。 可以与[django-rte-widgets] [1]中的小部件一起使用。 安装应用程序并提供如下设置: FLATPAGE_WIDGET = ('rte_widgets.yui....
python库。 资源全名:django-datetime-widget2-0.9.5rc1.tar.gz