jQWidgets jqxRangeSelector getRange() 方法介绍

简介

jQWidgets jqxRangeSelector是基于jQuery的一个开源UI控件库，它主要用于使用JavaScript构建Web应用程序。jqxRangeSelector控件可以帮助开发人员在Web应用程序中呈现数据范围选择器，以使用户能够快速和方便地选择数据范围。jqxRangeSelector库已经为开发人员提供了几种不同的方法和选项，以便快速创建数据范围选择器。

其中，jqxRangeSelector.getRange()方法在jqxRangeSelector库中占有相当重要的地位。本文将对jqxRangeSelector.getRange()方法进行详细介绍，帮助开发人员更好地使用该方法。

getRange() 方法

getRange()方法是jqxRangeSelector控件库提供的一个可用方法，此方法可用于获取当前设置的范围值。该方法的语法格式如下：

getRange(): jqwidgets.RangeSelectorRange

返回值说明

• 这个方法返回的是一个jqwidgets.RangeSelectorRange类型的值。其中，jqwidgets.RangeSelectorRange是一个JavaScript对象，它描述了当前设置的范围值。

方法参数说明

该方法不需要任何参数。

使用示例

下面是使用getRange()方法的一些示例。

示例 1:

var rangeSelector = $('#rangeSelector').jqxRangeSelector({
    width: 600,
    values: [new Date(2015, 0, 1), new Date(2015, 11, 31)],
    range: { min: new Date(2015, 0, 1), max: new Date(2015, 11, 31) }
});

var range = rangeSelector.jqxRangeSelector('getRange');
console.log(range);

这个示例中，我们首先使用jqxRangeSelector控件库的构造函数创建了一个rangeSelector对象，然后设置了一些属性，包括width、values和range等。接着，我们使用了rangeSelector对象的getRange()方法来获取当前设置的范围值，并将其输出到控制台中。

示例 2:

var rangeSelector = $('#rangeSelector').jqxRangeSelector({
    width: 600,
    values: [new Date(2015, 0, 1), new Date(2015, 11, 31)],
    range: { min: new Date(2015, 0, 1), max: new Date(2015, 11, 31) }
});

$('#btnGetRange').click(function() {
    var range = rangeSelector.jqxRangeSelector('getRange');
    alert('当前设置的范围值为：' + range.from.toString() + ' 到 ' + range.to.toString());
});

这个示例与上面的示例基本相同，只是多了一个按钮，当点击这个按钮时，将弹出一个对话框，显示当前设置的范围值。

总结

通过本文的介绍，我们了解到jqxRangeSelector.getRange()方法的用法及其返回值。除了上面提到的语法和示例，还有一些其他的用途和特性，需要开发人员自行研究使用。