加载时设置datetimepicker最大/最小值

Question

我正在使用vue-bootstrap-datetimepicker的修改版本，它是bootstrap-datetimepicker的vue组件包装器。

我有两个输入：开始日期和结束日期。当我设置结束日期时，它将此值设置为开始日期的最大值，当我更改开始日期时，它将此值设置为结束日期的最小值。

当我更改值时，一切正常，但对于预加载的值，我找不到设置最小/最大值的方法。

在这个小提琴我有所有需要的代码http://jsfiddle.net/bortao/xhqrdm0t/

我尝试了一些东西：

• 加载值后触发dp.change：$(".dpdatainicio, .dpdatafim").trigger("dp.change"); - 结果：由于某种原因，值被重置为空白。
• 更改组件初始化的顺序 - 结果：不起作用，因为开始日期初始化时结束日期尚未完成。

那怎么能这样呢？

Answer 1

作为bootstrap-datetimepicker的the guide which introduces options，使用选项property = minDate和maxDate来限制初始的最小/最大日期。

所以你的新日期选择将如下：

   datepickoptions: {
    format: 'DD/MM/YYYY',
    useCurrent: false,
    locale: 'pt-br',
    minDate: '2018-10-09', // min date value
    maxDate: '2018-10-29'  // max date value
  },

检查this fiddle