首页 > 解决方案 > 为什么在 vue-ctk-date-time-picker 中禁用了分钟?

问题描述

我正在使用 vue-ctk-date-time-picker 来显示日期时间选择器模式,用户可以在其中选择日期和时间。我使用 minDate 使用户不能选择小于当前日期和时间的日期和时间。这与 format 完美配合YYYY-MM-DD HH:mm:ss,但我需要 AM 和 PM 格式,所以我将格式更改为YYYY-MM-DD HH:mm a. 现在,AM 日期的 PM 等效项也被禁用。

例如,它是上午 8:30,因此选择器禁用所有 30 分钟以内的分钟,用户只能选择 31、32 等。但是如果我选择 PM,分钟仍然被禁用,即用户只能从 31 中选择,而它甚至还不是 PM。

有没有人遇到过这个问题?包本身有问题吗?

标签: vue.jsdatetimepicker

解决方案


对于遇到此问题的其他人,这是根据此处文档的解决方案:https ://github.com/chronotruck/vue-ctk-date-time-picker#behaviour

为了避免组件中有太多属性,我们添加了一个行为属性,它是一个包含一些附件行为值的对象。

此对象的默认值为:

{
  time: {
    nearestIfDisabled: true;
  }
}

要覆盖这些值,请传递一个包含要覆盖的值的新对象:

<ctk-date-time-picker
  :behaviour="{
    time: {
      nearestIfDisabled: false
    }
  }"
/>

推荐阅读