首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Django DateTimeInput类型的“日期时间-本地”不保存到数据库

Django DateTimeInput类型的“日期时间-本地”不保存到数据库
EN

Stack Overflow用户
提问于 2020-02-08 16:36:22
回答 2查看 2.8K关注 0票数 2

我正在开发django应用程序来记录交易。所有交易文档都是在一个页面上完成的,其中包含一个内联格式集,它显示了交易的所有条目和出口。所有这些都能很好地工作到datetimeinput输入字段。如果我删除“类型”,表单很好用,但非常非用户友好。

没有“类型”的工作条目

“type”:“datetime-local”的非工作项

所以我想你可以说有几个问题是日期时间本地创建的,或者可能不是日期时间本地的。我一整天都在讨论这个问题,我真的不知道这个问题是从何而来的:

  1. Entry.date值不再填充到字段中。
  2. 在日期选择器中选择新的日期和时间时,它不会保存
  3. datetime-本地移除秒,我们需要秒

models.py

代码语言:javascript
运行
复制
from django.db.models.functions import datetime

class Entry(models.Model):
    ENTRY = 'entry'
    EXIT = 'exit'

    ENTRY_TYPE_CHOICES = [
        (ENTRY, 'Entry'),
        (EXIT, 'Exit'),
    ]

    class Meta:
        verbose_name = "Entry"
        verbose_name_plural = "Entries"

    trade = models.ForeignKey(Trade, on_delete=models.CASCADE)
    date = models.DateTimeField(null=True, blank=True, default=datetime.datetime.now)
    amount = models.FloatField(null=True)
    price = models.FloatField(null=True, blank=True)
    fee = models.FloatField(null=True, blank=True)
    entry_type = models.CharField(max_length=5, choices=ENTRY_TYPE_CHOICES, default=ENTRY)

forms.py

代码语言:javascript
运行
复制
class EntriesForm(ModelForm):
    class Meta:
        model = Entry
        exclude = ()
        widgets = {
            'date': forms.DateTimeInput(attrs={'type':'datetime-local', 'class':'form-control'}),
        }

EntriesFormSet = inlineformset_factory(Trade, Entry, form=EntriesForm, extra=1)

views.py

代码语言:javascript
运行
复制
class TradeUpdateView(UpdateView):
    model = Trade
    form_class = CreateForm
    success_url = reverse_lazy('trade-list')

    def get_context_data(self, **kwargs):
        data = super(TradeUpdateView, self).get_context_data(**kwargs)
        if self.request.POST:
            data['entries'] = EntriesFormSet(self.request.POST, instance=self.object)
        else:
            data['entries'] = EntriesFormSet(instance=self.object)
        return data

    def form_valid(self, form):
        form.instance.user = self.request.user
        form.instance.created_by = self.request.user
        context = self.get_context_data()
        entries = context['entries']
        with transaction.atomic():
            self.object = form.save()

            if entries.is_valid():
                entries.instance = self.object
                entries.save()
        return super(TradeUpdateView, self).form_valid(form)

trade_form.html

代码语言:javascript
运行
复制
{% extends 'dashboard/base.html' %}
{% load static %}

{% block content %}

<script type="text/javascript" src="{% static 'vendor/jquery/jquery.js' %}"></script>
<script type="text/javascript" src="{% static 'admin/js/vendor/jquery/jquery.js' %}"></script>

<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-3">
    <h2>New Trade</h2>
</div>

<div class="row">
    <div class="col">
        <form action="" method="post">{% csrf_token %}
            {{ form.as_p }}

            <table class="table">
                {{ entries.management_form }}

                {% for form in entries.forms %}
                {% if forloop.first %}
                <thead>
                <tr>
                    {% for field in form.visible_fields %}
                    <th>{{ field.label|capfirst }}</th>
                    {% endfor %}
                </tr>
                </thead>
                {% endif %}
                <tr class="{% cycle row1 row2 %} formset_row">
                    {% for field in form.visible_fields %}
                    <td>
                        {# Include the hidden fields in the form #}
                        {% if forloop.first %}
                        {% for hidden in form.hidden_fields %}
                        {{ hidden }}
                        {% endfor %}
                        {% endif %}
                        {{ field.errors.as_ul }}
                        {{ field }}
                    </td>
                    {% endfor %}
                </tr>
                {% endfor %}
            </table>
            <input type="submit" value="Save"/> <a href="{% url 'trade-list' %}">back to the list</a>
        </form>
    </div>


</div>


<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="{% static 'js/formset/jquery.formset.js' %}"></script>
<script type="text/javascript">
    $('.formset_row').formset({
        addText: 'add entry',
        deleteText: 'remove',
        prefix: 'entry_set'
    });

</script>


{% endblock content %}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-02-11 06:40:12

由带有type=datetime-local的字段提交的格式似乎不是Django接受的格式,这在我的本地测试中导致表单不保存。可以在设置文件中使用DATETIME_INPUT_FORMATS向django接受的字段添加日期时间格式(参见格式)。但是,如果您使用的是本地化(即设置中的USE_L10N = True ),那么就不会使用DATETIME_INPUT_FORMATS (基于我的测试--我还没有检查底层代码)。在我花的时间(诚然是有限的)中,我根本无法让DATETIME_INPUT_FORMATS产生任何效果。

考虑到对datetime-local的支持非常有限,而且在任何情况下让django接受结果都很困难,我建议您考虑使用datetime小部件来提供更多的控制和更好的跨浏览器兼容性。其中一个(截至2020年2月)需要维护并具有非常有限的依赖项的是Flatpickr (https://flatpickr.js.org/)。

在您的例子中,要使用Flatpickr,您需要在相关的HTML文件中包括:

代码语言:javascript
运行
复制
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>


<script>
    // This code activates flatpickr on fields with the 'datetimefield' class when the document has loaded
    window.addEventListener("DOMContentLoaded", function () {
        flatpickr(".datetimefield", {
            enableTime: true,
            enableSeconds: true,
            dateFormat: "Y-m-d H:i:S",
        });
    });
</script>

和改变:

代码语言:javascript
运行
复制
        widgets = {
            'date': forms.DateTimeInput(attrs={'type':'datetime-local', 'class':'form-control'}),
        }

代码语言:javascript
运行
复制
        widgets = {
            'date': forms.DateTimeInput(format='%Y-%m-%d %H:%M:%S', attrs={'class':'datetimefield'}),
        }

这将导致django生成的字段的格式也被配置为比例器(它基于上面字段中的文本,其中一个django接受)。

您还可以使用许多其他日期选择器小部件,而且由于您已经在使用jquery,因此对您来说没有必要使用jquery依赖项。

票数 3
EN

Stack Overflow用户

发布于 2021-11-10 15:50:40

可能有点晚了,但我也遇到了类似的问题,我使用的是模型表单,Django在html表单元素中设置了一个无效的日期时间值(至少对于Chrome是这样)。看看你是否也在做同样的视图源。

解决方案是设置日期格式,以便在html元素中的日期和时间组件之间插入一个T:

代码语言:javascript
运行
复制
widgets = {
  # NOTE the form element needs "2021-01-01T12:00:00" BUT by default it's like: "2021-01-01 12:00:00"
  'start_time': DateTimeInput(format='%Y-%m-%dT%H:%M:%S', attrs={'type': 'datetime-local'}), 
  'end_time': DateTimeInput(format='%Y-%m-%dT%H:%M:%S', attrs={'type': 'datetime-local'}),
}

顺便说一句,现在建议使用datetime-local而不是datetime (不推荐使用):mozilla页面

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60128838

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档