勉強したことのメモ

webプログラマが勉強したことのメモ。

jQueryのdatetimepickerでスクロールを無効

   

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

対応方法

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

 

datetimepickerの導入

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

jQueryで年月日と時間のピッカー(datetimepicker)

 

参考サイト

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

 

 - JavaScript, jQuery

  関連記事

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">で画像を選択 ...