小工具知识网

当前位置: 首页 > 行业知识 > 时间选择器 使用el-time-picker实现开始时间和结束时间选择

行业知识

时间选择器 使用el-time-picker实现开始时间和结束时间选择

2026-11-04 00:20:43 来源:互联网转载
                
  computed: {       // 开始时间       startTimeOptions() {        return {            selectableRange: `00:00:00-${this.formInline.end_time ? this.formInline.end_time : '23:59:59'}`        }    },        // 结束时间        endTimeOptions() {            return {                selectableRange: `${this.formInline.start_time ? this.formInline.start_time : '00:00:00'}-23:59:59}`            }        },  },

分析时间选择范围规则

  • 开始���间选择框

    • 如果有结束时间,则00:00:00-结束时间
    • 没有结束时间,则00:00:00-23:59:59
  • 结束时间选择框

    • 如果有开始时间,则开始时间-23:59:59
    • 如果没有开始时间,则00:00:00-23:59:59

    最后效果:

    如果得到的时间格式为:中国标准时间

     加上这个: value-format="HH:mm:ss"

     

上一篇:【Qt Creator】跨平台的C++图形用户界面应用程序开发框架---QT

下一篇:宝塔面板手机入口操作详解,轻松上手,随时随地查看!