如何删除datetime-local输入类型中的时间值？

Question

我datetime-local input在HTML中使用类型，但我不想使用时间部分。我只想知道日期。

<input type="datetime-local" name="book_date" id="book_date">

这是我从input现场得到的输出：

2018-04-22T03:02

我想要：

2018-04-22

或者如何从该值中删除时间部分？

Answer 1

您正在寻找约会对象

<input id="datetime" type="date" name="book_date" id="book_date">

Answer 2

如果只需要日期部分，请使用type="date"：

<input type="date" name="book_date" id="book_date"
       onchange="console.log(this.value);" />

如果您确实要使用type="datetime-local"，则可以将值除以T：

<input type="datetime-local" name="book_date" id="book_date"
       onchange="console.log(this.value.split('T')[0]);" />

使用 type="date" 您只会看到日期，但实际上，如果您尝试捕获该输入（例如使用角度），那么它将显示日期和时间。您可以使用 javascript 子字符串方法从中删除时间。 (2认同)