Vue.js组件的挑选时间

Question

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

我已经在Google上搜索了“ vue date picker”，“ vue hour table”，这是很长的解决方案列表：https://github.com/vuejs/awesome-vue/blob/master/README.md，但是所有这些解决方案都是为了选择日期，因此无法指出特定时间不可用。有这样的组件吗？

我把它想象成一个表，其中列是天，行是连续的小时，可能是

Answer 1

我认为您可以直接使用https://www.npmjs.com/package/vue-bootstrap-datetimepicker或http://eonasdan.github.io/bootstrap-datetimepicker/而不使用vue。

Answer 2

ElementUI（一个Vue组件库）具有此timepicker component。

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