输入中的日期格式答案

【问题标题】：Date Formatting in Input输入中的日期格式
【发布时间】：2020-10-28 12:32:05
【问题描述】：

input标签的value属性只接受YYYY-mm-dd格式

<input type="date" value="YYYY-mm-dd">

在我的应用中，用户出生日期以以下格式返回：1999 年 1 月 1 日

如果我这样做，什么都不会发生：

<input type="date" value="Jan 1, 1999">

如果我的格式不同，我如何显示用户出生日期，也许编写一个返回正确格式的 javascript 函数，但问题是如何将该函数粘贴到属性

【问题讨论】：

你现在如何设置value属性？
你可以参考这个答案：stackoverflow.com/questions/3552461/…
@HereticMonkey <input type="date" value={{ user.profile.birth_date }}>
{{ user.profile.birth_date }} 返回 1999 年 1 月 1 日
请edit您的问题与该信息，并包括您正在使用的框架/库（React、Angular 等）。也为其添加标签。

标签： javascript html

【解决方案1】：

您可以使用 vanilla Javascript 将获得的字符串转换为 input type=date 的值。

演示：

<label> click to set value
  <input type="text" value="Jan 1, 1999 " onfocus="document.querySelector('#date').valueAsDate = new Date(new Date(this.value).setDate(new Date(this.value).getDate() + 1))" />
</label>
<label>
Input date:
<input id="date" type="date" value="0"> 
</label>

您会很高兴阅读.valueAsDate here，

因为它是前一天得到的，所以我通过将日期设置为后一天来修复它 - 你可以阅读它here。

【讨论】：

【解决方案2】：

你可以添加Jquery Datepicker，

Jquery Datepicker

在此您可以设置您想要的格式类型

Jquery Datepicker format

【讨论】：