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的popover，请使用选项键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'
            }
        }
    }
});

如何使用js定位webshims datetime-local的弹出窗口？

1 个答案: