Javascript Changer le format de date

Question

Je suis en train de mettre en place un curseur de plage de dates.

Je dois changer le format de date à quelque chose comme 01/01/16

$(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() 
    ); 
}); 

Voici le code actuel: http://codepen.io/javiertrev/pen/dXYJev

Answer 1

essayer cette

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

Answer 2

Utilisez une bibliothèque spécifiquement fait tout cela pour vous. Moments.js est un bon choix. Il fait beaucoup plus que juste des dates de format, mais en extrayant juste les exemples de formatage, vous pouvez faire des choses comme ceci;

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 

et

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

Et vous pouvez définir les paramètres régionaux pour chaque utilisateur, afin qu'ils puissent choisir les formats de date qu'ils utilisent dans leur pays par défaut.

Answer 3

Ajoutez le script moment

$(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") 

});