Question

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

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

当我更改值时，所有方法都工作良好，但是对于预加载的值，我找不到设置最小值/最大值的方法。

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

我尝试了一些事情：

在加载值后触发S：dp.change-结果：由于某种原因，这些值被重置为空白。
更改初始化组件的顺序-结果：由于开始日期尚未初始化，结束日期尚不可用。

那我该怎么做？

Answer 1

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

所以您的新 datepickoptions 类似于：

   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

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

1 个答案: