1. ホーム
  2. javascript

[解決済み] jQuery DatePicker コントロールのポップアップの位置を変更する方法

2022-08-28 20:18:42

質問

DatePicker を、関連するテキストボックスの直下ではなく、その端に表示させる方法を教えてください。よくあるのは、テキストボックスがページの一番下にあり、DatePickerがそれを考慮し、テキストボックスを完全に覆うようにシフトアップすることです。もし、ユーザーが日付を選択する代わりに、日付を入力したい場合、入力することができません。私はむしろ、テキストボックスのすぐ後に表示されるようにしたいので、垂直方向にどのように調整されても問題ありません。

配置を制御する方法について何か思い当たることはありますか? ウィジェットの設定を見ませんでしたし、CSS 設定を微調整する運もありませんでしたが、何かを見逃している可能性があります。

どのように解決するのですか?

この質問に対する回答は、実はjQuery UI Datepickerのためのものではありません。 jQuery UI Datepicker の位置を変更するには、css ファイル内の .ui-datepicker を変更するだけです。 また、Datepickerのサイズもこの方法で変更することができ、フォントサイズを調整するだけです。