jQWidgets jqxRangeSelector rtl 属性

简介

jQWidgets jqxRangeSelector 是一个可用于页面的JavaScript插件，可实现范围选择器并支持日历控件。其中 rtl 属性表示“从右到左”，用于支持从右往左的语言，如阿拉伯语、希伯来语等。

使用方法

在引用 jQWidgets jqxRangeSelector 的 JavaScript 文件后，在 HTML 中按照想要的布局方式添加相关的 DOM 元素，同时在 JavaScript 中调用 jQWidgets jqxRangeSelector 的构造函数来实例化范围选择器，并在构造函数中通过设置 rtl 属性为 true 来开启“从右到左”支持。范例如下：

<div id="rangeSelector"></div>

$('#rangeSelector').jqxRangeSelector({
    rtl: true
});

除了 rtl 属性，还可以设置许多其他属性以自定义范围选择器的样式、内容等。

注意事项

1. 当开启 rtl 属性后，范围选择器的左右操作按键将会调换位置。
2. 使用 jQWidgets jqxRangeSelector 时需先引入相应的 JavaScript 和 CSS 文件，如下：

<link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="jqwidgets/jqxscrollbar.js"></script>
<script type="text/javascript" src="jqwidgets/jqxcalendar.js"></script>
<script type="text/javascript" src="jqwidgets/jqxdatetimeinput.js"></script>
<script type="text/javascript" src="jqwidgets/jqxrangeslider.js"></script>
<script type="text/javascript" src="jqwidgets/jqxrangeselector.js"></script>

参考资料

• jQWidgets官方文档
• jQWidgets jqxRangeSelector属性文档