時刻/日付コントロールを無効にする

Question

dateおよびtimeの入力オプションの制御オプションを非表示/非表示にして、矢印をクリックして増減値を許可する方法はありますか？

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

と同時に、例えば、それはresize: noneを設定することが可能だと同様に（basicly単にコントロールを非表示）

をdd/mm/yyyyからddような各セグメントのためのデータを提供する可能性を有していますテキストエリア用。

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

<textarea />

Answer 1

あなたは無効に入力を設定し、またはそれらのスピナーがあなたの方法で

EDIT

を取得している場合<input type="text" />を使用することができ、私は少しグーグル、それそれは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との要素はまだ広くサポートされていません。この段階ではまだ微調整が行われています。

dateおよびtimeタイプの方がtextタイプよりも好都合な理由がありますが、すべてのブラウザでその外観を確実に制御することはできません。

Chromeにはいくつかの実験スタイルがあります。その詳細については、https://www.tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/で読むことができます。 ::-webkit-inner-spin-buttonプロパティが役立ちます。

この段階では決して普遍的ではないことを覚えておいてください。