2016-07-15 14 views
1

Ich implementiere einen Datumsbereichsschieberegler.Javascript Ändern des Datumsformats

Ich brauche das Datumsformat so etwas wie 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() 
    ); 
}); 

Hier wird der momentane Code zu ändern: http://codepen.io/javiertrev/pen/dXYJev

+2

sollten Sie Moment oder eine andere Bibliothek verwenden, um es einfacher zu machen! –

Antwort

1

versuchen diese

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

@Ruben .... Ja, das ist korrekt, aber können Sie die komplette Zeile schreiben .... dies gibt nur einen Wert, wenn ich den Code durch diese Zeile ersetzen. – Simon

+0

Auch ich muss das Jahr zu 2016 ändern. – Simon

+0

hier sind Sie http://codepen.io/roubkar/pen/YWYLqB –

0

eine Bibliothek verwenden, die speziell macht all das für Sie. Moments.js ist eine gute Wahl. Es macht viel mehr als nur Daten zu formatieren, aber wenn man nur die Formatierungsbeispiele extrahiert, kann man so etwas machen;

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 

und

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

Und Sie können für jeden Benutzer locales definieren, so dass sie die Datumsformate auswählen können, die sie in ihrem Land als Standard verwenden.

0

In dem Moment Skript

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

bitte fügen Sie dies hinzu –

Verwandte Themen