禁用时间/日期控件

Question

有没有办法隐藏/禁用控件选项date和time输入的类型,通过单击箭头允许递增/递减值.

<input type='date' />
<input type='time' />

并在同一时间有可能为每个段提供数据,如dd从dd/mm/yyyy(basicly只是隐藏控件)

例如,可以设置resize: nonetextarea.

textarea {
  resize: none;
  width: 200px;
  height: 100px;
}

<textarea />

Answer 1

您可以将输入设置为禁用,或者<input type="text" />如果那些微调器妨碍您使用

编辑

我google了一点,事实证明它可以在webkit浏览器上完成... https://css-tricks.com/snippets/css/turn-off-number-input-spinners/

input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button,
input[type=time]::-webkit-inner-spin-button, 
input[type=time]::-webkit-outer-spin-button
{ 
  -webkit-appearance: none; 
  margin: 0; 
}

<input type='date'  />
<input type='time'  />

Answer 2

在这个阶段,简短的回答是,你不能.这些date和time元素尚未得到广泛支持,在此阶段,任何调整仍然是实验性的.

有充分理由选择date和time类型而不是text类型,但是你无法可靠地控制它们在所有浏览器上的外观.

Chrome有一些实验风格:您可以在https://www.tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/上阅读.该::-webkit-inner-spin-button物业可能有所帮助.

请记住,在这个阶段,它绝不是普遍的.