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

Question

我正在使用离子范围滑块作为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>

Answer 1

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