2017-05-05 9 views
1

は、マウスの上に入力をクリアするための 'x'を表示します。私はmousehoverの読み取り専用入力ボックスにクリアボタンを表示

<input id="my-input" type="search" readonly="readonly"> 

を行う際

この動作が失われた私は、読み取り専用私の日付ピッカーの入力ボックスを作るために持っていた:

$("#my-input").datepicker({ dateFormat: 'yy-mm-dd' }).attr('readonly', 'true'); 

は、どのように私は、この読み取り専用の入力ボックスの以前の動作を維持することができますか?

$("#my-input").datepicker({ dateFormat: 'yy-mm-dd' }).keydown(function(e) { 
    e.preventDefault(); 
    return false; 
}); 

+1

基本的にはできません。それは "読み取り専用"です。読み取り専用のポイントは、ユーザーが入力値を変更できないことです。読み込み専用の入力を「クリア」できるようにするためには、なぜユーザーは必要ですか?または、ユーザーがその値とやりとりすることができるようにするには、入力を読み取り専用にするのはなぜですか? – gforce301

+0

無効な日付を入力できないように読み込まれています。 1回のクリックでユーザーが選択した日付をクリアできるようにするには、まだ便利です。 – jpen

+0

あなた自身の "クリア"ボタンを作る必要があります。それは唯一の方法です。ブラウザは入力をクリアするための "x"を表示しますが、そうしないと言ったので、そのインタラクティブな "x"は表示されません。あなたは、入力が「読み込み専用」に設定されていれば、入力が非インタラクティブであると言いました。 – gforce301

答えて

0
<input id="my-input" type="search" /> 

私が後だものを達成するようです。

関連する問題