2016-08-22 81 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