Django 如何使用日期时间选择器规范用户的时间输入示例代码详解
38 浏览量
2020-12-17
13:17:02
上传
评论
收藏 50KB PDF 举报
Django 如何使用日期时间选择器规范用户的时间输入示例代如何使用日期时间选择器规范用户的时间输入示例代
码详解码详解
如果你的模型中含有 datetime 类型的字段，表单中需要用户输入日期和时间，那么你如何保证不同用户输入的时间都遵循一
定的格式 (DD/MM/YYYY 或者 YYYY-MM-DD) 是个必须要考虑的问题。一个更好的方式是在前端使用日期时间选择器
DateTimePicker，以日历的形式统一选择输入时间，如下图所示。小编今天将尝试以最少的代码教你实现如何在 Django 项目
中实现日期时间选择器 DateTimePicker。
示范模型示范模型
假如我们有如下一个 Article 模型，含有 pub_date 字段，其格式是 DateTimeField。
#models.py
class Article(models.Model):
"""文章模型"""
title = models.CharField('标题', max_length=200, db_index=True)
pub_date = models.DateTimeField('发布时间', null=True)
表单
#forms.py
#forms.py
class ArticleForm(forms.ModelForm):
class Meta:
model = Article
exclude = （）
视图和 URLConf
#views.py
class ArticleCreateView(CreateView):
model = Article
form_class = ArticleForm
template_name = 'blog/article_form.html'
#urls.py
re_path(r'^article/create/$', views.ArticleCreateView.as_view(), name='article_create'),
模板
#template/blog/article_form.html
{% block content %}
<form action="" method="post" enctype="multipart/form-data">
{{ form.as_p }}
{% csrf_token %}
<p><input type="submit" value="Save content"></p>
</form>
</p>
{% endblock %}
此时当你创建文章时，你将看到 pub_date 发布日期仍然是文本输入格式，如下图所示:
接下来就是见证奇迹的时刻了。你在模板中稍微增加几行 js 的代码，如下所示:
<form action="" method="post" enctype="multipart/form-data">
{{ form.as_p }}
{% csrf_token %}
<p><input type="submit" value="Save content"></p>
</form>
</p>
评论0