勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

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

   2024/01/16  jQuery JavaScript

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

 

対応方法

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

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

 

datetimepickerの導入

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

 

参考サイト

https://qiita.com/f_uto/items/2387f120622f7ab85735

 - jQuery JavaScript

  関連記事

jQueryでUNIXタイムスタンプの取得

jQueryでUNIXタイムスタンプを取得したい場合、 $.now()だけで取得 ...

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

CodeIgniter4.4.4&Bootstrap&jQuer ...

日本地図のクリッカブルマップをjQueryで実装する方法(japan-map)

JavaScriptもしくはjQueryで日本地図を表示し、都道府県や八地方区分 ...

セレクトメニューにサジェスト機能をつける方法(select2)

formのselectメニューで何文字が入力すると候補を絞って表示させるサジェス ...

YouTubeの埋め込み動画をjQuery&CSSでフローティングビデオ対応させる方法

以前にvideoタグで表示させた動画をjQuery&CSSでフローティン ...