通过Eternicode在Bootstrap datepicker上设置开始日期

时间:2016-08-05 17:36:51

标签: jquery twitter-bootstrap datepicker bootstrap-datepicker

是否可以使用Eternicode Bootstrap Datepicker在初始化期间指定日期?默认情况下,初始化选择器时,将选择当前日期。我想要选择一个不同的日期(将来)。这有可能,怎么样?

这是我的初始化代码:

datePicker = detePickerElem.datepicker({
    format: 'mm/dd/yyyy',
    maxViewMode: 'months',
    startDate: new Date(),
    todayBtn: true,
    todayHighlight: true,
    weekStart: 1
});

datePicker.datepicker('setDate', new Date(futureDateObject));

我尝试使用setDate方法在初始化后设置日期,但这没有做任何事情。请注意,由于各种原因,我使用的是项目的旧版本(v1.3),并且无法迁移到较新的版本,但是我可以根据需要分配回购并修改源代码。

2 个答案:

答案 0 :(得分:3)

由于您提到您正在使用eternicode Bootstrap datepicker,如果您查看https://github.com/eternicode/bootstrap-datepicker/blob/ca11c450/README.md#options上的选项,有一种方法可以设置自定义startdate,如下所示:

$('#datepicker').datepicker('setStartDate', '2015-01-01');

另一个可能有帮助的线程显示了如何增加1天:Bootstrap DatePicker, how to set the start date for tomorrow?

答案 1 :(得分:0)

如果您希望日期选择大于今天,则应将明天设置为开始日期。如果无法选择,也不需要todayBtn。

var tomorrow = new Date();
tomorrow.setDate(new Date().getDate()+1);

datePicker = detePickerElem.datepicker({
    format: 'mm/dd/yyyy',
    maxViewMode: 'months',
    startDate: tomorrow,
    todayBtn: false,
    todayHighlight: true,
    weekStart: 1
});

datePicker.datepicker('setDate', tomorrow);