【问题标题】:How can I show time in the label of jQ Range slider?如何在 jQ Range 滑块的标签中显示时间?
【发布时间】:2017-01-16 04:12:41
【问题描述】:

我曾尝试使用插件 JQRangeslider 制作日期时间过滤器,但过滤器的标签只显示日期,而不显示时间。我查看了文档,但没有告诉我该怎么做。

这是 jQRangeSlider 的文档

http://ghusse.github.io/jQRangeSlider/options.html

【问题讨论】:

    标签: javascript datetime rangeslider


    【解决方案1】:

    您可以使用formatter 配置选项来编写您的格式化方法。

    点赞this

    $("#slider").dateRangeSlider({
        formatter: function(v){
        return v.toUTCString();
      },
      bounds: {min: new Date(2012, 0, 1, 10,30,10), max: new Date(2012, 11, 31, 12, 59, 59)},
        defaultValues: {min: new Date(2012, 1, 10), max: new Date(2012, 4, 22)},
        step:{days:2}
    });
    

    【讨论】:

    • 谢谢,我添加了这样的代码:formatter: function(val){ var days = val.getDate(), month = val.getMonth() + 1, year = val.getFullYear(), hour = val.getHours(), min = val.getMinutes(); return days + "-" + month + "-" + year + " " + hour + ":" + min; }
    • @Desmond Lai 你能accept这个答案吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-14
    相关资源
    最近更新 更多