设置daterangepicker的时间

时间:2017-02-10 06:32:57

标签: daterangepicker bootstrap-daterangepicker

daterangepicker插件允许使用setStartDate和setEndDate方法设置日期。是否有任何方法可以在插件中设置时间。

1 个答案:

答案 0 :(得分:3)

一种方法似乎没有设置时间,他们也没有在文档中提及它,但是如果你可以使用setStartDate和setEndDate方法设置它。

这些方法将接受一个时刻对象,如果您只是在调用这些方法时设置日期值,则时间默认为上午12:00。在传递它之前设置时刻对象的时间将更新daterangepicker中的时间。他们的文档没有提及,但如果您使用timePicker,选择器将更新时间和日期。这在初始化startDate和endDate值的选择器以及限制minDate和maxDate的时间时也有效。

请注意,如果您设置的maxDate没有定义的时间,则默认为凌晨12:00,如果您使用timePicker,可能会导致问题。例如,如果我将maxDate设置为04/04/2017,那么选择器将允许我选择该日期,但它不会让我选择在04/04/2017过去的凌晨12:00。为了解决这个问题,我使用了时刻库来设置.hour(23)和.minutes(59)来设置我想要将maxDate设置为的对象。这允许用户在2017年4月4日选择任何小时或分钟。有关时刻设定时间的文档可在此处找到:https://momentjs.com/docs/#/get-set/

这不完全是你提出的要求,但是我会提供解决方案来解决类似的问题,以便在没有其他人需要的情况下改变那些没有方法的价值。我需要动态更改maxDate,但是没有内置方法来更改它,只有在初始化选择器时设置它的选项。为了解决这个问题,我删除了日期范围选择器,并使用更新的选项在相同的输入上重新初始化它。如果您需要删除选择器,请使用:

$('#myInput').data('daterangepicker').remove();