羊驼滑块不工作

时间:2016-12-22 08:43:07

标签: slider range daterangepicker alpacajs

我正在尝试运行羊驼滑块,但我无法在我的项目中使用属性$(function() { $("#field2").alpaca({ "data": 18, "options": { "type": "integer", "label": "Snow Days:", "helper": "Number of Snow Days in January 2011", "slider": true }, "schema": { "minimum": 1, "maximum": 31 } }); }); ,我知道如何才能使用羊驼才能使用它。是否需要使用任何特定版本的羊驼?

我正在使用以下代码:

{{1}}

2 个答案:

答案 0 :(得分:1)

欢迎来到Stackoverflow。

有两个解决方案,您的代码是正确的,但要显示组件的滑块,您应该将 jquery-ui 添加到您的页面。第二种解决方案是在inputType对象中添加属性options

/..
"options": {
  "id": "test",
  "type": "integer",
  "label": "Snow Days:",
  "helper": "Number of Snow Days in January 2011",
  "inputType": "range", 
},
/..

答案 1 :(得分:0)

使用jquery UI版本1.12.1和jquery版本1.12.4 选项json中的“ inputType”:“ range”对我有用。这应该对您有用。

$(function() {
$("#field2").alpaca({
    "data": 18,
    "options": {
        "inputType": "range",
        "label": "Snow Days:",
        "helper": "Number of Snow Days in January 2011",
        "slider": true
    },
    "schema": {
        "minimum": 1,
        "maximum": 31
    }
});

});