Question

我正在实施日期范围滑块。

我需要将日期格式更改为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()
   );
});

以下是当前代码：http://codepen.io/javiertrev/pen/dXYJev

Answer 1

试试这个

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

Answer 2

使用专门为您完成所有这些操作的库。 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");

您可以为每个用户定义区域设置，以便他们可以选择他们在自己国家/地区使用的日期格式作为默认值。

Answer 3

添加时刻脚本

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

}）;

Javascript更改日期格式

3 个答案: