使用离子范围滑块将值存储在本地存储中,以便在html元素

时间:2018-03-02 14:03:19

标签: javascript html

我正在使用离子范围滑块作为Web应用程序的一部分来重新创建iphone警报创建过程。

我有三个屏幕,第一个屏幕我添加一个新警报,第二个警报屏幕有两个范围滑块,用户可以滚动小时和分钟。我已经设法使用离子滑块中的一个功能,其中小时输出到控制台日志但是我无法让它显示在我的html元素中显示小时和分钟。

我想取两个值(小时和分钟),然后将其添加到第一个屏幕上,其余的值(附加到新的div,如其他设置的警报)

Alarm screens

到目前为止,这是我的代码的代码:https://codepen.io/anon/pen/VQRqyV

我的输出范围滑块值的功能以及文档中建议的参数:

<script type='text/javascript'>
$('#alarmHours').ionRangeSlider({
    type: "single",
    min: 0,
    max: 12,
    step: 1,
    grid: true,
    grid_num: 5,
    grid_snap: true,

    onChange: function(data) {
        console.log(data.from);
        // document.getElementById("test-hour").setAttribute(data, 
      from);
    }
});
</script>

1 个答案:

答案 0 :(得分:0)

单击按钮后,我使用了append函数将值添加到表中。这允许我在新div中添加值并将其堆叠在表格上。