2016-07-15 116 views
1

我正在实施日期范围滑块。Javascript更改日期格式

我需要的日期格式更改为类似16年1月1日

$(function() { 
    $("#slider-range").slider({ 
    range: true, 
    min: new Date('2010.01.01').getTime()/1000, 
    max: new Date('2014.01.01').getTime()/1000, 
    step: 86400, 
    values: [new Date('2013.01.01').getTime()/1000, new Date('2013.02.01').getTime()/1000], 
    slide: function(event, ui) { 
     $("#amount").val(
     (new Date(ui.values[0] * 1000).toDateString()) 
     + " - " 
     + (new Date(ui.values[1] * 1000)).toDateString() 
     ); 
    } 
    }); 
    $("#amount").val(
    (new Date($("#slider-range").slider("values", 0) * 1000).toDateString()) 
    + " - " 
    + (new Date($("#slider-range").slider("values", 1) * 1000)).toDateString() 
    ); 
}); 

下面是当前的代码:http://codepen.io/javiertrev/pen/dXYJev

+2

你应该使用时刻或其他一些库来使它更容易! –

回答

1

试试这个

(new Date(ui.values[ 0 ] *1000).getDate() + "/" + (new Date(ui.values[ 0 ] *1000).getMonth() + 1) + "/" + new Date(ui.values[ 0 ] *1000).getFullYear()) 
+0

@Ruben ....是的,这是正确的,但你可以写完整的行....这只给出一个值,如果我用这条线代替代码。 – Simon

+0

我还需要将年份更改为2016. – Simon

+0

此处您是http://codepen.io/roubkar/pen/YWYLqB –

0

使用库专门为你做这一切。 Moments.js是个不错的选择。它不仅仅是格式化日期,而是只提取格式化的例子,你可以做这样的事情;

moment().format('MMMM Do YYYY, h:mm:ss a'); // July 15th 2016, 8:44:54 am 
moment().format('dddd');     // Friday 
moment().format("MMM Do YY");    // Jul 15th 16 
moment().format('YYYY [escaped] YYYY');  // 2016 escaped 2016 
moment().format();       // 2016-07-15T08:44:54-07:00 

moment("12-25-1995", "MM-DD-YYYY"); 
moment("12-25-1995", "MM-DD-YYYY"); 
moment("12/25/1995", "MM-DD-YYYY"); 

而且你可以定义区域设置为每个用户,让他们可以挑选他们在国内使用作为默认的日期格式。

0

添加的那一刻脚本

$(function() { 
$("#slider-range").slider({ 
    range: true, 
    min: new Date('2010.01.01').getTime()/1000, 
    max: new Date('2014.01.01').getTime()/1000, 
    step: 86400, 
    values: [new Date('2013.01.01').getTime()/1000, new Date('2013.02.01').getTime()/1000], 
    slide: function(event, ui) { 
    $("#amount").val((new Date(ui.values[0] * 1000).toDateString()) + " - " + (new Date(ui.values[1] * 1000)).toDateString()); 
    } 
}); 
$("#amount").val((new Date($("#slider-range").slider("values", 0) * 1000).toDateString()) + 
    " - " + (new Date($("#slider-range").slider("values", 1) * 1000)).toDateString()); 
var min_date=new Date($("#slider-range").slider("values", 0) * 1000).toDateString(); 
var max_date=new Date($("#slider-range").slider("values", 0) * 1000).toDateString(); 
min_date=moment(min_date,"ddd MMM DD YYYY").format("MM/DD/YY") 
max_date=moment(max_date,"ddd MMM DD YYYY").format("MM/DD/YY") 

});

+0

请添加此 –