noUiSlider 工具提示中的日期格式

Question

我正在尝试在我的项目中使用 noUiSlider，但我无法在工具提示中应用日期格式。我刚在外面的div得到它。

看看这个JSFIDDLE。

noUiSlider.create(dateSlider, {
    behaviour: 'tap',
    connect: true,
    tooltips: [ true, true ],
    range: {
        min: timestamp('2016-06-01') + 24 * 60 * 60 * 1000,
        max: timestamp(date)
    },
    step: 1 * 24 * 60 * 60 * 1000,
    start: [timestamp(previousMonth), timestamp(date)]
});

Answer 1

您可以使用 format 选项：

// Move formatting code into a function
function toFormat ( v ) {
    return formatDate(new Date(v));
}

// Add a formatter to the slider
format: { to: toFormat, from: Number }

// You can then directly use the value in the update function
dateValues[handle].innerHTML = values[handle];

已更新 fiddle。

noUiSlider 工具提示中的日期格式

Date format at noUiSlider tooltips

javascript

nouislider