html - 无法以 yyyy-mm-dd 格式输入日期

Question

我有一个输入字段，type='date'。我希望能够以 yyyy-mm-dd 格式输入日期，并将占位符显示为 yyyy-mm-dd。但是日期总是显示在 mm/dd/yyyy。如何修复？

  <input
    type="date"
    name="input"
    required
    title="Enter a date in this format YYYY/MM/DD"
  />

https://codesandbox.io/s/sleepy-sun-3ext2

标签： htmldate

Answer 1

将此添加到您的代码中并尝试

<input type="text" name="input" placeholder="YYYY-MM-DD" required pattern="(?:19|20)\[0-9\]{2}-(?:(?:0\[1-9\]|1\[0-2\])/(?:0\[1-9\]|1\[0-9\]|2\[0-9\])|(?:(?!02)(?:0\[1-9\]|1\[0-2\])/(?:30))|(?:(?:0\[13578\]|1\[02\])-31))" title="Enter a date in this format YYYY/MM/DD"/>