jQWidgets jqxDateTimeInput rtl 属性(1)

📌 相关文章

📜 jQWidgets jqxDateTimeInput rtl 属性(1)

📅 最后修改于: 2023-12-03 15:16:53.380000 🧑 作者: Mango

jQWidgets jqxDateTimeInput rtl 属性

jqxDateTimeInput 是一个基于 jQuery 的日期时间输入框，它提供了众多配置选项和 API 方法。其中 rtl 属性用于设置右到左（Right to Left）的输入顺序，适用于阿拉伯语等从右向左书写的语言。

语法

属性的语法如下：

$(selector).jqxDateTimeInput({ rtl: true|false });

其中：

selector：必选，用于指定要设置属性的表单元素。
rtl：可选，布尔值，指示是否启用右到左输入顺序。默认为 false。

示例

下面的代码演示了如何使用 jqxDateTimeInput 控件，并启用右到左输入方向：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQWidgets jqxDateTimeInput</title>
    <link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/jqxdatetimeinput.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#jqxDateTimeInput").jqxDateTimeInput({
                minDate: new Date(1900, 0, 1),
                maxDate: new Date(),
                formatString: "dd/MM/yyyy",
                showCalendarButton: false,
                rtl: true
            });
        });
    </script>
</head>
<body>
    <div id="jqxDateTimeInput"></div>
</body>
</html>

运行效果如下：

jqxDateTimeInput rtl

jQWidgets jqxDateTimeInput rtl 属性

语法

示例

参考链接