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 的弹出框，请使用选项键 datetime-local 而不是 date：

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

如果您想修改所有输入小部件（本地日期时间、日期和月份）的弹出框，请使用小部件配置：

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