vue.js - 用于选择时间的 Vue.js 组件

Question

我正在创建一个应用程序，用户可以在其中订购特定时间的服务。一旦选择了一项服务，比如 2 月 21 日下午 2:00，其他用户就不能在这个小时内订购服务（但可以在下午 1 点和 3 点订购）。

我搜索了“vue 日期选择器”、“vue 小时表”，这是一个很长的解决方案列表：https ://github.com/vuejs/awesome-vue/blob/master/README.md但所有这些是选择日期，并且无法指示特定时间不可用。有没有这样的组件？

我把它想象成一个表格，其中列是天，行是连续的小时，要么可用要么不可用

标签： vue.js

Answer 1

Vue 组件库ElementUI有这个timepicker 组件。

我认为这selectableRange可能允许您通过传递自定义可用范围来动态地从时间选择器中排除小时数。但是，如何实现这一点很大程度上取决于您自己的代码。