vue.js - v-calendar 手动输入和从弹出窗口中选择的不同日期

Question

我有当前设置的日期选择器：

<v-date-picker
    v-model="startDate"
    :min-date='minDate'
    :max-date='maxDate'
    :popover="{ visibility: 'click' }"
>
   <template v-slot="{ inputValue, inputEvents }">
         <input
            class="form-control form-control-sm"
            :value="inputValue"
            v-on="inputEvents"
   />
   </template>
</v-date-picker>

我将初始日期（startDate）设置为：2020-07-08T00:00:00.000Z。如果我通过 datepicker popover 更改日期，它总是保持在一天开始的形式（“日期”T00：00：00.000Z“）。问题是如果我在输入字段中手动输入日期，例如：“2020-07 -08"，此输入转换为的日期为：2020-07-07T22:00:00.000Z。因此，通过“手动输入”它根据时区转换日期。如何避免这种情况？我怎样才能开始一天对于我手动输入的日期？

事情是，我在数据库中存储了带有时间戳的记录，我想获取通过这个 datepicker 组件选择的日期范围的准确记录

标签： vue.jstimezonevcalendar