2016-07-15 19 views
1

日付範囲スライダを実装しています。私はここで01/01/16Javascript日付形式を変更する

$(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 ....はいこれは正しいですが、完全な行を書くことができます....これは、この行でコードを置き換える場合、これは1つの値を与えます。 – 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

これを追加してください –