HOME > JavaScript > jQuery > jQueryのdatetimepickerでスクロール入力を無効化させる方法

jQueryのdatetimepickerでスクロール入力を無効化させる方法

2020/07/14 2024/01/16 jQuery JavaScript

日時ピッカーのjQuery datetimepickerにて、ピッカーを指定しているテキストボックスにマウスカーソルを合わせた状態でマウススクロールしようとすると日付が変わってしまい、こちらを無効にしたいというケースがあった。以下に対応方法をメモ。

対応方法

以下オプションを追記する。

$('#ymd').datetimepicker({
    scrollMonth : false,
    scrollInput : false
});

datetimepickerの導入、実装に関しては過去記事参照。

: formで複数選択可能なセレクトメニュー(プルダウン)を実装する方法(select2)

フォームで複数選択可能なセレクトボックス(プルダウン)を実装したい。ただHTML ...

: Lightboxで画像拡大時に閉じるボタンの位置を右上に変更

Lightbox(バージョン2.7.1)で画像拡大時に閉じるボタンの位置を右下か ...

: CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成

CodeIgniter4.4.4&Bootstrap&jQuer ...

: FullCalendarでラベルごとに表示・非表示を切り替える方法

Googleカレンダーだとページ左側にマイカレンダーというのがあり、その中に任意 ...

: jQueryにてclosestの使いどころとparent / parentsとの違いについて

あるソースコードを見ているとjQueryにてclosest()という使ったことの ...