2016-07-15 153 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

請添加此 –