1

我已通读 API 文档,所有内容均指数字

http://api.jqueryui.com/slider/

是否可以将滑块设为非数字,例如 1 月 - 12 月,我将如何执行此操作/是否有任何示例?

4

1 回答 1

5

在这里看到这个工作jsfiddle

$(function () {
    var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
    $('#slider').slider({
        min: 0,
        max: 11,
        step: 1,
        create: function (event, ui) {
            $('#selectedMonth').text(months[0]);
        },
        slide: function (event, ui) {
            $('#selectedMonth').text(months[ui.value]);
        }
    });
});

关于几个月的示例,这将是创建数组的一种简单方法。使用该slide事件,您可以轻松地使用该ui.value值来选择数组的一个元素。要不允许任何没有月份(> 12)的选择,请使用该max选项并将其设置为 11。min当然是 0,因为数组从索引 0 开始。

我刚刚添加了事件以在用户首次使用滑块之前的一个月create内填充跨度。selectedMonth

为了完整起见,文档参考:

于 2013-06-15T13:05:33.010 回答