jQueryのdatetimepickerでスクロールを無効
日時ピッカーのjQuery datetimepickerにて、ピッカーを指定しているテキストボックスにマウスカーソルを合わせた状態でマウススクロールしようとすると日付が変わってしまい、こちらを無効にしたいというケースがあった。以下に対応方法をメモ。
対応方法
以下オプションを追記する。
|
1 2 3 4 |
$('#ymd').datetimepicker({ scrollMonth : false, scrollInput : false }); |
datetimepickerの導入
導入、実装に関しては以下過去記事参照。
参考サイト
https://qiita.com/f_uto/items/2387f120622f7ab85735
関連記事
-
-
他サイトのRSS情報を画像付きで表示させる
WordPressでAというサイトを作成し、AのRSS情報をBというサイトでアイ ...
-
-
GoogleMapAPIで現在地を更新する方法
GoogleMapAPIを使って現在地を取得してその場所にマーカーを設置、その後 ...
-
-
GoogleMapでメインカラーを変更する方法
GoogleMapAPIを用いたMAPでカラー変更をしたかった。カラーコードの指 ...
-
-
JavaScriptでUNIXタイムスタンプ取得
UNIXタイムスタンプを用いた際、 年月日からすぐUNIXタイムスタンプを出した ...
-
-
jQueryでUNIXタイムスタンプの取得
jQueryでUNIXタイムスタンプを取得したい場合、 $.now()だけで取得 ...
-
-
jquery.snipeの使い方
使い方によっては面白くなりそう。 ■jquery.snipe http://ra ...
-
-
jQueryのプラグインでカラーコードを視覚的に選択
カラーコードを入力するフォームがあって、HTMLやCSSの知識がない方のために、 ...
-
-
配列をjQueryで取り扱う
やりたかった事は、 ・テキストボックスが複数ある。そのページに送信するクエリによ ...
-
-
スワイプ・フルスクリーン・サムネイル対応のjQuery画像ビューア
タブレット＆スマホでの閲覧が想定されているページで、スワイプ・サムネイル・フルス ...
-
-
POP広告をjQueryで再現する方法
サイト内のリンクをクリックすると、新しいタブもしくはウィンドウで開く広告をちょい ...