在datetime-local输入中隐藏年，月和日

Question

我有一些<input type="datetime-local" step="1"/>输入元素，但在我的上下文中，我只希望用户编辑小时，分钟或秒。这是因为我将最小值和最大值设置为let min = new Date().setHours(0,0,0)，将最大值设置为let max = new Date()。因此用户无法编辑年，月和日。这是一个例子：

所以04/10/2017由于最小值和最大值而被禁用，但我也想隐藏它。

有什么想法吗？

Answer 1

试试这个

let dateFormat = { hour: 'numeric', minute:'numeric', second: 'numeric', hour12: false };
let currentTime = new Date().toLocaleString('en-US', dateFormat);

console.log(currentTime);

或

<input type="time" step="1"/>