勉強したことのメモ

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

  関連記事

IE11でフォーム送信時に二重登録される

Internet Explorer11でform送信時にデータが二重登録されると ...

jQueryとCSSで指定したテキストに対してラインマーカーを引く方法

サイト内で強調したいテキストに対して蛍光ペンでマーカーを引くようなアニメーション ...

jQselectableでセレクトボックスをリッチにする

入力フォームみたいなもので元々はテキストボックス内に 都道府県を入れてもらうとい ...

JavaScriptで数値のカウントアップ及びカウントダウン

JavaScript(一部jQuery)で数値のカウントアップ及びカウントダウン ...

jQueryで要素を移動する方法のまとめ

jQueryで要素を移動する際、insertBefore / insertAft ...