入力フィールドは無効ですが、グリフィコンは引き続きクリック可能です

あご

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いますが、カレンダーは引き続き表示され、日付を設定できます。

ここに画像の説明を入力してください

これはjsfiddleのです

meskobalazs

さて、コントロールは今のところこれをサポートしていません(そしておそらくそれもサポートすべきではありません)ので、あなたは実行すべきではありません

$element.datetimepicker()

無効になっている入力フィールド。次のように、無効状態をプログラムで確認できます。

var $startDate = $('#startDate');
if (!$startDate.prop('disabled')) {
    $startDate.datetimepicker()
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Ryzen 2400:ディスクリートグラフィックカードがインストールされている場合、APUのGPU部分は引き続きコンピューティングに使用できますか?

分類Dev

別のコンテナに入力フィールドを追加した後、もう一度クリックしない限り、テキスト入力を入力し続けることができません。それは焦点を失います

分類Dev

Angular / Typescriptでボタン/アイコンがクリックされたときにテキストフィールドを入力フィールドにするにはどうすればよいですか?

分類Dev

ワンクリックトレーディングウィンドウのロットサイズフィールド入力の値をエキスパートアドバイザーコードで変更することは可能ですか?

分類Dev

Angularでフィルタリングされた入力フィールドをクリアする方法は?

分類Dev

フォーム-入力フィールドのテキストが削除された場合でも、ユーザーは[送信]をクリックできます

分類Dev

チェックボックスで入力フィールドを有効または無効にする

分類Dev

javascriptでフィールドサブグリッドを無効にすることはできません

分類Dev

javascriptでフィールドサブグリッドを無効にすることはできません

分類Dev

以下のコードでjqueryに入力を書き込むときにチェックボックスをフィルタリングするにはどうすればよいですか?

分類Dev

グリッドビューで特定のコマンドフィールドを無効にする方法は?

分類Dev

すべての入力フィールドにテキストが含まれるまでボタンクリックを無効にします(javascript&jquery)

分類Dev

ボタンがクリックされたときに入力フィールドに入力する

分類Dev

javascriptで入力フィールドをクリアできないのはなぜですか?

分類Dev

bashに無効なコマンドを入力したときに「/ usr / bin / python:そのようなファイルまたはディレクトリはありません」を修正するにはどうすればよいですか?

分類Dev

ボタンクリックで入力フィールドを追加する最良の方法は何ですか?

分類Dev

無効化されたボタンは、角度のあるマテリアルでは引き続きクリック可能です

分類Dev

plotly.jsの軸をクリックしたときに表示される入力フィールドを非表示または無効にするにはどうすればよいですか?

分類Dev

カルーセルタイプのアプリの複数の入力フィールドを条件付きで無効にしようとしています-入力フィールドが空の場合は、次のボタンを無効にする必要があります

分類Dev

入力フィールドが事前入力されている場合、フィールドは無効です

分類Dev

OpenSSH sftp-serverを無効にしましたが、FileZillaは引き続きリモートファイルシステムにアクセスできます

分類Dev

入力フィールドは引き続きデータを保持します

分類Dev

入力フィールド内のグリフィコンをクリックする方法

分類Dev

反応のボタンクリックで入力フィールド値を取得する方法は?

分類Dev

Bootstrap 4.2-モーダル-入力フィールドは編集できません、ボタンはクリックできません、閉じません

分類Dev

入力フィールドのクリックでタイムピッカーを起動させることはできますか?

分類Dev

モバイルでは入力フィールドにテキストを入力できませんが、デスクトップでは機能します

分類Dev

入力フィールド幅が入力数(フレックスボックス)とともに大きくなるのはなぜですか?

分類Dev

ボタンクリックで入力フィールドを追加する方法

Related 関連記事

  1. 1

    Ryzen 2400:ディスクリートグラフィックカードがインストールされている場合、APUのGPU部分は引き続きコンピューティングに使用できますか?

  2. 2

    別のコンテナに入力フィールドを追加した後、もう一度クリックしない限り、テキスト入力を入力し続けることができません。それは焦点を失います

  3. 3

    Angular / Typescriptでボタン/アイコンがクリックされたときにテキストフィールドを入力フィールドにするにはどうすればよいですか?

  4. 4

    ワンクリックトレーディングウィンドウのロットサイズフィールド入力の値をエキスパートアドバイザーコードで変更することは可能ですか?

  5. 5

    Angularでフィルタリングされた入力フィールドをクリアする方法は?

  6. 6

    フォーム-入力フィールドのテキストが削除された場合でも、ユーザーは[送信]をクリックできます

  7. 7

    チェックボックスで入力フィールドを有効または無効にする

  8. 8

    javascriptでフィールドサブグリッドを無効にすることはできません

  9. 9

    javascriptでフィールドサブグリッドを無効にすることはできません

  10. 10

    以下のコードでjqueryに入力を書き込むときにチェックボックスをフィルタリングするにはどうすればよいですか?

  11. 11

    グリッドビューで特定のコマンドフィールドを無効にする方法は?

  12. 12

    すべての入力フィールドにテキストが含まれるまでボタンクリックを無効にします(javascript&jquery)

  13. 13

    ボタンがクリックされたときに入力フィールドに入力する

  14. 14

    javascriptで入力フィールドをクリアできないのはなぜですか?

  15. 15

    bashに無効なコマンドを入力したときに「/ usr / bin / python:そのようなファイルまたはディレクトリはありません」を修正するにはどうすればよいですか?

  16. 16

    ボタンクリックで入力フィールドを追加する最良の方法は何ですか?

  17. 17

    無効化されたボタンは、角度のあるマテリアルでは引き続きクリック可能です

  18. 18

    plotly.jsの軸をクリックしたときに表示される入力フィールドを非表示または無効にするにはどうすればよいですか?

  19. 19

    カルーセルタイプのアプリの複数の入力フィールドを条件付きで無効にしようとしています-入力フィールドが空の場合は、次のボタンを無効にする必要があります

  20. 20

    入力フィールドが事前入力されている場合、フィールドは無効です

  21. 21

    OpenSSH sftp-serverを無効にしましたが、FileZillaは引き続きリモートファイルシステムにアクセスできます

  22. 22

    入力フィールドは引き続きデータを保持します

  23. 23

    入力フィールド内のグリフィコンをクリックする方法

  24. 24

    反応のボタンクリックで入力フィールド値を取得する方法は?

  25. 25

    Bootstrap 4.2-モーダル-入力フィールドは編集できません、ボタンはクリックできません、閉じません

  26. 26

    入力フィールドのクリックでタイムピッカーを起動させることはできますか?

  27. 27

    モバイルでは入力フィールドにテキストを入力できませんが、デスクトップでは機能します

  28. 28

    入力フィールド幅が入力数(フレックスボックス)とともに大きくなるのはなぜですか?

  29. 29

    ボタンクリックで入力フィールドを追加する方法

ホットタグ

アーカイブ