jqueryスライダの最小値と最大値として日付を設定するには

Question

JQueryスライダの値を設定するには、日付を最小値と最大値として使用する必要があります。ご不便を事前に

$("#slider").slider({ 
      range: true, 
      min: 0, 
      max: 1000, 
      steps:10, 
      values: [ 0, 1000 ], 
      change: function(event,ui) { 
      var low = ui.values[0]; 
      var high = ui.values[1]; 
      $("#slider").slider("refresh"); 
      console.log("begin:"+low+"high"+high); 

      } 
     }); 

感謝と申し訳ありません： はここに私のコードです。

Answer 1

はあなたが後にしている正確にどの程度、特に記述されていないが、私は、日付、このようなビットを前に何かをやった

var mindate = new Date('2010-01-01').getTime()/1000; 
    var maxdate = new Date('2020-01-01').getTime()/1000; 
    $("#slider").slider({ 
     range: true, 
     min: mindate, 
     max: maxdate, 
     step: 86400, 
     values: [ mindate, maxdate ] 
    }); 

Answer 2

とmaxをタイムスタンプに、stepを秒数で増分します。 ...

$(document).ready(function() { 
 
    var minDate = new Date('2016-12-31'); 
 
    var maxDate = new Date('2017-12-31'); 
 

 
    $("#slider").slider({ 
 
    min: minDate.getTime(), 
 
    max: maxDate.getTime(), 
 
    step: 60 * 60 * 24 * 1000, // 1 day 
 
    slide: function(e, ui) { 
 
     var currentDate = new Date(ui.value); 
 
     $('#now').text(currentDate.toDateString()); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 
<div id="slider"></div> 
 
<span id="now"></span>