📌  相关文章
📜  jQWidgets jqxDateTimeInput enableBrowserBoundsDetection 属性(1)

📅  最后修改于: 2023-12-03 14:43:21.923000             🧑  作者: Mango

jQWidgets jqxDateTimeInput enableBrowserBoundsDetection 属性

enableBrowserBoundsDetection 是 jQWidgets jqxDateTimeInput 控件的一个属性，它允许开启浏览器边界检测，以防止控件在框架之外绘制。

语法
$("#jqxDateTimeInput").jqxDateTimeInput({ enableBrowserBoundsDetection: true });
参数
  • enableBrowserBoundsDetection （布尔值）：true 开启浏览器边界检测，false 关闭浏览器边界检测。默认为 false。
使用方法
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQWidgets jqxDateTimeInput enableBrowserBoundsDetection 属性</title>
    <script src="../jqwidgets-ver<version>/jqwidgets/jqxcore.js"></script>
    <script src="../jqwidgets-ver<version>/jqwidgets/jqxdatetimeinput.js"></script>
    <link rel="stylesheet" href="../jqwidgets-ver<version>/jqwidgets/styles/jqx.base.css">
</head>
<body>
    <div id="jqxDateTimeInput"></div>
    <script>
        $(document).ready(function () {
            $("#jqxDateTimeInput").jqxDateTimeInput({ enableBrowserBoundsDetection: true });
        });
    </script>
</body>
</html>
效果

当控件因为位置、大小问题而被遮挡时，开启浏览器边界检测可以让控件自动进行调整。

总结

enableBrowserBoundsDetection 属性可以让 jQWidgets jqxDateTimeInput 控件具有更好的容错性和用户体验，建议在实际开发中使用。