element ui TimePicker 时间选择器时间段配置

flutter大佬(接私活)

于 2024-07-18 17:58:21 发布

阅读量574

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签：前端 vue.js

本文链接：https://blog.csdn.net/m0_62359005/article/details/140529599

vue 专栏收录该内容

8 篇文章

订阅专栏

TimePicker 时间选择器

开始休息，结束休息，开始上班，结束上班的时间

思路：休息时间要在开始上班和下班中间，结束时间要在开始休息时间到下班时间之间。

多个时间段用['09:30:00 - 12:00:00', '14:30:00 - 18:30:00']

//a.开始休息：
       :picker-options="`${form.startTime}` < `${form.endTime}` ? 
       { selectableRange: `${form.startTime }-${form.endTime}` } :
       { selectableRange: [`${form.startTime }` + '-' + '23:59:59','00:00:00' + '-' + `${form.endTime}` ] } "
//b.结束休息：
        :picker-options="`${form.offdayStartTime}` < `${form.endTime}` ? 
        { selectableRange: `${form.offdayStartTime}-${form.endTime}` } : 
        { selectableRange: [`${form.offdayStartTime}` +''+'23:59:59','00:00:00' + '-' + `${form.endTime}` ] } "