【发布时间】:2019-11-24 18:08:18
【问题描述】:
我正在开发一个待办事项网络应用程序,并让用户使用来自 here 的自定义引导日期时间选择器输入事件日期时间。我在格式为 MM/DD/YY hh:mm A 的表单上有自定义小部件。但是,Django 不接受该表单。一个类似的问题是asked,但我不想覆盖默认的 DateTimeInput,而是希望表单以某种格式显示,但以默认格式存储在数据库中。我正在考虑使用小部件调整来自定义选择器,但我不知道如何以默认格式存储它。最好的方法是什么?
Forms.py
from bootstrap_modal_forms.forms import BSModalForm
from .widgets import BootstrapDateTimePickerInput
from bootstrap_datepicker_plus import DateTimePickerInput
from .models import ToDoItem
class NewEventForm(BSModalForm):
class Meta:
model = ToDoItem
fields = ['title', 'description', 'start_time', 'end_time', 'remind_time']
widgets = {
'start_time': DateTimePickerInput(
options={"format": "MM/DD/YYYY hh:mm A"}
),
'end_time': DateTimePickerInput(
options={"format": "MM/DD/YYYY hh:mm A"}
),
'remind_time': DateTimePickerInput(
options={"format": "MM/DD/YYYY hh:mm A"}
),
}
活动形式:
{% load bootstrap4 %}
{% load static %}
{% bootstrap_css %}
{% bootstrap_javascript jquery='full' %}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- Custom Stylesheet -->
<link rel="stylesheet" type="text/css" href="{% static 'main/main.css' %}">
<!-- Moment.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.23.0/moment.min.js" integrity="sha256-VBLiveTKyUZMEzJd6z2mhfxIqz3ZATCuVMawPZGzIfA=" crossorigin="anonymous"></script>
{{ form.media }}
</head>
<body>
<form method="POST" action="">
{% csrf_token %}
<div class="modal-header">
<h5 class="modal-title">New Event</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<fieldset class="form-group">
{% bootstrap_form form %}
</fieldset>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="submit-btn btn btn-primary">Create</button>
</div>
</form>
</body>
</html>
【问题讨论】:
标签: python django bootstrap-4 bootstrap-datetimepicker