勉強したことのメモ

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

  関連記事

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

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

Lightboxで画像拡大時にダウンロードリンクを設置する方法
Lightboxで画像拡大時にダウンロードリンクを設置する方法

Lightboxで画像拡大時にダウンロードリンクを設置したいと要望を受けた。もち ...

国土地理院のAPIを使用して無料でジオコーディング(住所→経度緯度)を行う方法
国土地理院のAPIを使用して無料でジオコーディング(住所→経度緯度)を行う方法

GoogleMapAPIでジオコーディングをするには、支払い情報を登録したアカウ ...

「emoji-mart」プラグインを利用してsummernoteに絵文字機能を追加する方法
「emoji-mart」プラグインを利用してsummernoteに絵文字機能を追加する方法

summernoteに絵文字機能を追加したい。具体的にはツールバーに新たにボタン ...

jQueryにて何らかの処理中にブラウザをロックする「Block UI」プラグインの利用方法
jQueryにて何らかの処理中にブラウザをロックする「Block UI」プラグインの利用方法

jQueryにて何らかの処理中、ユーザーによるクリックや入力等の動作を防ぎたかっ ...