javascript - jsを使用してwebshims datetime-localのポップアップを配置する方法は?

Question

画面の右側に入力があります。ウィンドウが小さすぎると、日付ピッカーの一部が画面の外にはみ出してしまいます。私の webshims 構成は次のとおりです。

$.webshims.setOptions('forms-ext', {
    replaceUI: false,
    types: 'datetime-local month date time number',
    date: {
        popover: {
            position: {
                my: 'center',
                at: "center"
            }
        }
    }
});

日付入力では機能しますが、日時ローカルのものでは機能しません。

HTML を変更できません。常に表示されるようにポップアップを配置するにはどうすればよいですか?

Answer 1

datetime-local のポップオーバーを変更する場合は、date の代わりにオプション キー datetime-local を使用します。

webshims.setOptions('forms-ext', {
    types: 'datetime-local month date time number',
    'datetime-local': {
        popover: {
            position: {
                my: 'center',
                at: 'center',
                collision: 'fit'
            }
        }
    }
});

すべての入力ウィジェット (datetime-local、date、month) のポップオーバーを変更する場合は、widgets 構成を使用します。

webshims.setOptions('forms-ext', {
    types: 'datetime-local month date time number',
    widgets: {
        popover: {
            position: {
                my: 'center',
                at: 'center',
                collision: 'fit'
            }
        }
    }
});