具有 HH:mm 格式的离子范围滑块来自 &不工作 [英] Ion Range Slider with HH:mm format From & To not working
本文介绍了具有 HH:mm 格式的离子范围滑块来自 &不工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试在我的项目中使用 Ion Range Slider 来选择工作时间.例如:(08:00-19:00).
I am trying to use Ion Range Slider in my project to select working hours. Ex: (08:00-19:00).
$('#ion').ionRangeSlider({
grid: false,
type: 'double',
min: moment("0000", "hhmm"),
max: moment("2359", "hhmm"),
from: moment("0800", "hhmm"),
to: moment("1900", "hhmm"),
force_edges: true,
drag_interval: true,
step: 3600000,
min_interval: 3600000,
prettify: function (num) {
return moment(num).format('HH:mm');
}
});
当我想使用 from & 设置默认工作时间时到,它不起作用.虽然滑块有效,但值没有改变.
When i want to set default working hours using from & to, it doesn't work. Slider works, though, but values are not changing.
我错过了什么?
推荐答案
因为您使用的是以毫秒为单位的小时,所以您需要将您正在使用的 moment 的值从一个对象更改为其毫秒值:
Because you are using hours in milliseconds you need to change the value of moment you are using from an object to its milliseconds value:
min: moment("0000", "hhmm"), // this is an object and not a number...
max: moment("2359", "hhmm"),
from: moment("0800", "hhmm"),
to: moment("1900", "hhmm"),
更改为(有关详细信息,请参阅文档):
Change to (see docs for details):
min: moment("0000", "hhmm").valueOf(),
max: moment("2359", "hhmm").valueOf(),
from: moment("0800", "hhmm").valueOf(),
to: moment("1900", "hhmm").valueOf(),
$('#ion').ionRangeSlider({
grid: false,
type: 'double',
min: moment("0000", "hhmm").valueOf(),
max: moment("2359", "hhmm").valueOf(),
from: moment("0800", "hhmm").valueOf(),
to: moment("1900", "hhmm").valueOf(),
force_edges: true,
drag_interval: true,
step: 3600000,
min_interval: 3600000,
prettify: function (num) {
return moment(num).format('HH:mm');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>
<link rel="stylesheet" href="https://rawgit.com/IonDen/ion.rangeSlider/master/css/ion.rangeSlider.css">
<link rel="stylesheet" href="https://rawgit.com/IonDen/ion.rangeSlider/master/css/ion.rangeSlider.skinModern.css">
<script src="https://rawgit.com/IonDen/ion.rangeSlider/master/js/ion.rangeSlider.min.js"></script>
<input type="text" id="ion" name="example_name" value="" />
这篇关于具有 HH:mm 格式的离子范围滑块来自 &不工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文