如何将DateField对象值填入HTML的date类型输入框

问题背景 #

你有一个Client类，其中包含birth_date（DateField类型）属性，需要在更新表单的HTML date类型输入框中默认填入该属性值，但直接输出client.birth_date的格式不符合输入框要求的YYYY-MM-DD格式。

解决方案 #

方案1：模板中使用日期过滤器（推荐） #

利用模板自带的date过滤器，直接将DateField对象格式化为输入框要求的格式：

<div class="form-group">
    <label for="birth_date">Data di Nascita:</label>
    <input type="date" class="form-control" id="birth_date" name="birth_date" value="{{ client.birth_date|date:'Y-m-d' }}">
</div>

|date:'Y-m-d'会将日期对象转换为YYYY-MM-DD格式的字符串，完全匹配HTML date输入框的格式要求。

方案2：视图层预处理日期 #

如果更倾向于在后端处理格式，可以在视图中先将日期格式化后再传递给模板：

# 视图函数示例
def update_client(request, client_id):
    client = Client.objects.get(id=client_id)
    formatted_birth_date = client.birth_date.strftime('%Y-%m-%d')
    return render(request, 'your_template.html', {'client': client, 'formatted_birth_date': formatted_birth_date})

模板中直接使用预处理后的字符串：

<div class="form-group">
    <label for="birth_date">Data di Nascita:</label>
    <input type="date" class="form-control" id="birth_date" name="birth_date" value="{{ formatted_birth_date }}">
</div>

额外提示 #

如果birth_date可能为空，建议添加判断避免输出无效值：

value="{% if client.birth_date %}{{ client.birth_date|date:'Y-m-d' }}{% endif %}"

内容的提问来源于stack exchange，提问作者FILIPPO REGGIANI