作成日: 2015/06/17 最終更新日: 2015/06/17
文書種別
使用方法
詳細
C1InputDateへのフォーカスインにてカレンダーを表示するには、下記コードのようにJavaScriptにてフォーカスインをハンドリングし、プルダウンボタンのクリックイベントを発生させる方法があります。
◎サンプルコード (JavaScript)
また、フォーカスアウトでカレンダーを閉じる場合も同様に、JavaScriptにてフォーカスアウトをハンドリングしカレンダーを非表示にします（※）。
◎サンプルコード (JavaScript)
◎サンプルコード (JavaScript)
$(document).ready(function () {
// フォーカスインでカレンダーを表示する
$("#C1InputDate1").focusin(function () {
setTimeout(function () {
$(".wijmo-wijinput-trigger").click();
$(".ui-widget-content").css("display", "table")
}, 40);
});
});
// フォーカスインでカレンダーを表示する
$("#C1InputDate1").focusin(function () {
setTimeout(function () {
$(".wijmo-wijinput-trigger").click();
$(".ui-widget-content").css("display", "table")
}, 40);
});
});
また、フォーカスアウトでカレンダーを閉じる場合も同様に、JavaScriptにてフォーカスアウトをハンドリングしカレンダーを非表示にします（※）。
◎サンプルコード (JavaScript)
$(document).ready(function () {
// フォーカスアウトでカレンダーを閉じる
$("#C1InputDate1").focusout(function () {
if ($(".ui-widget-content").css("display") !== "none")
$(".ui-widget-content").css("display", "none")
});
});
※フォーカスを失うとカレンダーが閉じられるため、月の移動ができなくなります。
// フォーカスアウトでカレンダーを閉じる
$("#C1InputDate1").focusout(function () {
if ($(".ui-widget-content").css("display") !== "none")
$(".ui-widget-content").css("display", "none")
});
});
旧文書番号
81360