Datetimepicker滑块

时间:2012-06-05 08:47:50

标签: jquery datepicker slider

是否可以为时间范围获取带有范围滑块http://trentrichardson.com/examples/timepicker/的datetimepicker http://jqueryui.com/demos/slider/#range

修改 @Boris Delormas。我需要选择日期。然后选择该日期的时间范围。

1 个答案:

答案 0 :(得分:0)

它适用于带有datepicker的单处理程序滑块。对我来说,它工作正常。

$(function() {
  var baseDate = new Date(2011, 1-1, 1);
  $('#datepicker').datepicker(); // Initialise datepicker
  $('#slider').slider({ // Initialise slider
        slide: function(event, ui) { // As it slides
              var date = new Date(baseDate.getTime()); // Calculate the new date
              date.setDate(date.getDate() + ui.value);
              $('#datepicker').datepicker('setDate', date); // And set into the datepicker
        }
  });
});