ReactJSアプリケーションを作成していますが、を含む日付/時刻フィールドへの入力を無効にしたいですreact-bootstrap-datetimepicker
。入力フィールドを無効にすることは問題なく機能しますが、クリックしたときに日付ピッカーを表示するために使用されるグリフは引き続きアクティブであり、ユーザーは入力フィールドに追加される日付を選択できます。タイピングを妨げるようです。
誰かがこれを回避する方法を知っていますか?
<DateTimeField
inputFormat='HH:mm'
data-hour-format="24"
mode='time'
name="formInputTime"
id={inputID}
defaultText={this._getICEField(i-1, "time")}
onChange={this._generateEventHandler(i-1, "time")}
inputProps={{disabled: readOnly}}
/>
この画像では、入力フィールドはとして設定されてdisabled
いますが、カレンダーは引き続き表示され、日付を設定できます。
さて、コントロールは今のところこれをサポートしていません(そしておそらくそれもサポートすべきではありません)ので、あなたは実行すべきではありません
$element.datetimepicker()
無効になっている入力フィールド。次のように、無効状態をプログラムで確認できます。
var $startDate = $('#startDate');
if (!$startDate.prop('disabled')) {
$startDate.datetimepicker()
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加