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

时间:2018-02-22 04:26:58

标签: javascript html datetime datetimepicker

我在HTML中使用datetime-local input类型,但我不想使用时间部分。我想只得到约会。

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

这是我从input字段获得的输出:

2018-04-22T03:02

我想:

2018-04-22

或者如何从此值中删除时间部分?

2 个答案:

答案 0 :(得分:5)

如果您只想要日期部分,请使用type="date"

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

如果您真的想使用type="datetime-local",则可以简单地将值拆分为T

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

答案 1 :(得分:2)

您正在寻找日期

&#13;
&#13;
<input id="datetime" type="date" name="book_date" id="book_date">
&#13;
&#13;
&#13;

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types