使用Eonasdan / bootstrap-datetimepicker选择多个日期

时间:2017-01-14 21:21:53

标签: eonasdan-datetimepicker

可以选择多个日期,并以某种方式用jquery选择这些日期吗?

我正在使用此小部件:https://github.com/Eonasdan/bootstrap-datetimepicker

2 个答案:

答案 0 :(得分:0)

此时此功能未在Eonasdan的bootstrap-datetimepicker中实现。

在2月份已经提出了实施此功能的新请求,但到目前为止还没有关于此事的更新。 您可以通过以下方式检查github上的问题:https://github.com/Eonasdan/bootstrap-datetimepicker/issues/1465

但是,您可以使用此引导日期选择器执行多个日期选择: http://bootstrap-datepicker.readthedocs.io/en/latest/index.html

希望这有帮助!

答案 1 :(得分:0)

这可能不正确,但对我有用,可以预加载选定的日期,可以尝试使用现有的课程。

function popCalander($ele, days){ //$ele is datetimepicker field, days is array with values in MM/DD/YYYY format
    for(var i=0;i<days.length;i++){
        $x=$ele.parent().find('*[data-day="'+days[i]+'"]');
        $x.addClass('active');
        $x.children().eq(0).addClass("bg-info"); 
    }
}

我将按以下方式调用该函数

   $(".datetimepicker.reckoDate").focus(function(){
        popCalander($(".datetimepicker.reckoDate"),reckDays);
    });
$(".datetimepicker.reckoDate").on('dp.update', function(e){ // when you navigate within calendar
        popCalander($(".datetimepicker.reckoDate"),reckDays);
    });