如何在 Vue-timepicker 中设置时间限制?
How to set time limit in Vue-timepicker?
我的项目中是vue-timepicker,下面是一个组件的代码。我想限制太平洋标准时间上午 9:00 到下午 5:00 的时间?
在 vue-timepicker 组件中使用可能吗?如果是,请帮我做一下。
<vue-timepicker class="nopad full-width" format="hh:mm A" v-model="guest.time" v-validate="'required'" data-vv-name="time" :minute-interval="30"></vue-timepicker>
请将 vue2-timepicker
升级到 latest version。自 v.0.2.0 以来,我们添加了 hour-range
支持,完全满足您的需求。
对于您的情况,您可以将 hour-range
设置为:
<vue-timepicker class="nopad full-width"
format="hh:mm A"
:hour-range="[['9a', '5p']]"
v-model="guest.time"
v-validate="'required'"
data-vv-name="time"
:minute-interval="30"></vue-timepicker>
请注意 :hour-range="[['9a', '5p']]"
是 :hour-range="['9a', '10a', '11a', '12p', '1p', '2p', '3p', '4p', '5p']"
的快捷方式。
您可以查看 Demo page and Documentation 了解更多详情。
我的项目中是vue-timepicker,下面是一个组件的代码。我想限制太平洋标准时间上午 9:00 到下午 5:00 的时间? 在 vue-timepicker 组件中使用可能吗?如果是,请帮我做一下。
<vue-timepicker class="nopad full-width" format="hh:mm A" v-model="guest.time" v-validate="'required'" data-vv-name="time" :minute-interval="30"></vue-timepicker>
请将 vue2-timepicker
升级到 latest version。自 v.0.2.0 以来,我们添加了 hour-range
支持,完全满足您的需求。
对于您的情况,您可以将 hour-range
设置为:
<vue-timepicker class="nopad full-width"
format="hh:mm A"
:hour-range="[['9a', '5p']]"
v-model="guest.time"
v-validate="'required'"
data-vv-name="time"
:minute-interval="30"></vue-timepicker>
请注意 :hour-range="[['9a', '5p']]"
是 :hour-range="['9a', '10a', '11a', '12p', '1p', '2p', '3p', '4p', '5p']"
的快捷方式。
您可以查看 Demo page and Documentation 了解更多详情。