daterangepicker - 为日期范围选择器设置时间

Question

daterangepicker插件允许使用 setStartDate 和 setEndDate 方法设置日期。插件中有没有设置时间的方法。

Answer 1

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

这些方法将接受 moment 对象，如果您在调用这些方法时仅设置日期值，则时间将默认为中午 12:00。在传入 moment 对象之前设置时间将更新日期范围选择器中的时间。他们的文档没有提到这一点，但如果您使用 timePicker，选择器将更新时间和日期。在初始化 startDate 和 endDate 值的选取器以及限制 minDate 和 maxDate 的时间时，这也将起作用。

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

这并不完全是您所要求的，但我将提供我用来解决类似问题的解决方案，以更改此处没有方法的值，以防其他人需要它。我需要动态更改 maxDate，但没有内置方法可以更改它，只有在初始化选择器时设置它的选项。为了解决这个问题，我删除了日期范围选择器，并使用更新的选项在相同的输入上重新初始化它。如果需要删除选择器，请使用:

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