2016-08-22 89 views
2

我一直在试图添加此滑块: http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.htmlMomentJS到23:59

这是我的示例代码:

$("#range").ionRangeSlider({ 
    min: +moment().subtract(12, "hours").format("X"), //need to change to 00:00 
    max: +moment().format("X"), //need to change this to 23:59 
    from: +moment().subtract(6, "hours").format("X"), 
    grid: true, 
    force_edges: true, 
    prettify: function (num) { 
     var m = moment(num, "X").locale("en"); 
     return m.format("HH:mm"); 
    } 
}); 

我想分钟增加00 :00,最大到23:59

我试图做

moment("1234", "hmm").format("HH:mm") 

我收到无效日期或NaN。

请帮帮我。我不确定我要去哪里错。

+1

你为什么得到**无效日期或NaN **,是因为'min'和'max'在moment(“1234”,“hmm”)时期望数字,format(“HH:mm”)返回'string'。 – Abanoub

回答

2

时刻对象是一个日期时间,你不能只添加一个时间。相反,创建对象并更改时间:

min: +moment().startOf("day").format("X"), 
max: +moment().endOf("day").format("X"), 

然后prettify回调将只显示在滑块的时间。

+0

谢谢@str这工作。但是让我们说,如果我想在特定时间放置滑块。我该怎么办'?假设我的分钟是在13:00点。我怎么能来。 – TechnoCorner

+1

@TechnoCorner正如我所说的“创建对象并改变时间”。 'from:+ moment()。hours(13).minutes(0).format(“X”)'。 Moment.js有一个很好的文档,你可以看看。 – str

+0

非常感谢你@str – TechnoCorner