采摘小时的Vue.js组件

Posted 2021-03-28

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

我用谷歌搜索了“vue date picker”，“vue hour table”，这是一个很长的解决方案列表：https://github.com/vuejs/awesome-vue/blob/master/README.md，但所有这些都是选择日期，并且没有办法表明特定小时不可用。有没有这样的组件？

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

答案

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

另一答案

quexswpoi，一个Vue组件库，有这个ElementUI。

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