日付選択(DateBoxプラグイン)

デバイスやブラウザについている日付選択機能を使わずにカレンダーを表示して日付選択を行うプラグイン。

• DateBox
• Github DateBox
• jQuery MobileのDateboxをカスタマイズ-その２

currentバージョンを使用すると表示されるようになりましたが、代わりにPCブラウザでの表示で画面外に表示されるようになったので、 真ん中に表示するように指定を変更しました。

optionで“centerHoriz”: trueを指定する。

iphoen 4s,ipodtouchでカレンダーの月の切り替えが遅い問題あります。ipadは早いです。

https://github.com/jtsage/jquery-mobile-datebox/issues/218

に記載されているようにclick vclickをtouchstartに変えてみましたが、パフォーマンスの改善は感じられませんでした。

android端末ではサクサク動きます。

var isIPad = function() {
    return (/ipad/i).test(navigator.userAgent);
};
var isIPhone = function() {
    return (/iphone/i).test(navigator.userAgent);
};
var isIPod = function() {
    return (/ipod/i).test(navigator.userAgent);
};
var clickEventName = (isIPod() || isIPad() || isIPhone()) ? "touchstart" : "vclick";
var altClickEventName = (isIPod() || isIPad() || isIPhone()) ? "touchstart" : "click";

jqm-datebox.core.js

//			clickEvent: 'vclick',
			clickEvent: clickEventName,
//			clickEventAlt: 'click',
			clickEventAlt: altClickEventName,