jQueryのdatetimepickerでスクロールを無効
日時ピッカーのjQuery datetimepickerにて、ピッカーを指定しているテキストボックスにマウスカーソルを合わせた状態でマウススクロールしようとすると日付が変わってしまい、こちらを無効にしたいというケースがあった。以下に対応方法をメモ。
対応方法
以下オプションを追記する。
|
1 2 3 4 |
$('#ymd').datetimepicker({ scrollMonth : false, scrollInput : false }); |
datetimepickerの導入
導入、実装に関しては以下過去記事参照。
参考サイト
https://qiita.com/f_uto/items/2387f120622f7ab85735
関連記事
-
-
setTimeoutの注意点
javascriptのsetTimeoutにて変数を用いた際に 想定外の挙動を起 ...
-
-
javascriptでスクロール
やりたかった事は、 ・javascript,jQuery使う ・スクロールさせた ...
-
-
リンク部分にマウスオーバーでツールチップを表示(nicetitles.js)
既存のソースにて見たことの無いプラグインが 使われていたのでメモ。 ■参考 ht ...
-
-
異なる文字コード間でform送信する
formの送り手がUTF-8で受け手がEUC-JP、 なんとかしてjavascr ...
-
-
jQueryの最新バージョン呼び出しとバージョン確認
<script type="text/javascript" src="h ...
-
-
マウスオーバーでの画像切り替えをJavaScriptで簡単に対応
マウスが要素にのった際に画像を切り替える処理を入れたかった。多分CSSの管轄なん ...
-
-
JavaScriptのvarとletとconst
JavaScript関連の調べ物をしていた際、変数の宣言時にvarではなくlet ...
-
-
JavaScriptで三項演算子の中に三項演算子
既存のソースを作り変えている際によく分からないソースがあった。 だいぶ書き換えて ...
-
-
GoogleMapでマーカーをまとめる
GoogleMapAPIでマーカーを複数表示し、近隣のエリアごとにまとめて表示さ ...
-
-
jQuery.uploadでリアルタイムプレビュー
やりたい事は、 ・<input type="file">で画像を選択 ...