【发布时间】：2019-02-19 12:33:13
【问题描述】：
我正在创建一个应用程序，用户可以在其中订购特定时间的服务。一旦选择了一项服务，比如 2 月 21 日下午 2:00，其他用户就不能在这一小时内订购服务（但可以在下午 1 点和 3 点订购）。
我在谷歌上搜索过“vue date picker”、“vue hour table”，这是一个很长的解决方案列表：https://github.com/vuejs/awesome-vue/blob/master/README.md 但所有这些都是选择日期，没有办法指出具体的时间不可用。有没有这样的组件？
我把它想象成一个表格，其中列是天，行是连续的小时，要么可用要么不可用
【问题讨论】：
-
无论您决定采用哪种解决方案，为什么不在一个数组中有一个 0-24 小时并将其附加到您的日期小部件，如果它被选中，请将其从数组中删除，但是从 UX 点开始，将标记添加到各个项目并监听标记以使其不可选择。
-
@FirstIndex 是关于显示它的。我不想手动做
-
您可以在下拉列表中设置您的时间选项，并且只选择那些没有被选中的选项，同时禁用其他选项。这不需要插件/组件。
-
@FirstIndex 不，我不想要那个。我希望它们都可见。
标签： vue.js