我正在使用离子范围滑块作为Web应用程序的一部分来重新创建iphone警报创建过程。
我有三个屏幕,第一个屏幕我添加一个新警报,第二个警报屏幕有两个范围滑块,用户可以滚动小时和分钟。我已经设法使用离子滑块中的一个功能,其中小时输出到控制台日志但是我无法让它显示在我的html元素中显示小时和分钟。
我想取两个值(小时和分钟),然后将其添加到第一个屏幕上,其余的值(附加到新的div,如其他设置的警报)
到目前为止,这是我的代码的代码: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>
答案 0 :(得分:0)
单击按钮后,我使用了append函数将值添加到表中。这允许我在新div中添加值并将其堆叠在表格上。