Skip to content

renqiankun/time-moment-picker

Repository files navigation

基于vue3、element-plus的时刻选择器, 支持24:00 支持校验

预览:https://renqiankun.github.io/time-moment-picker/

git: https://github.com/renqiankun/time-moment-picker

安装
    npm i time-moment-picker

组件内引入
    import timeMomentPicker from 'time-moment-picker'  

or全局安装
    app.use(timeMomentPicker)

alt text

(image-2.png) alt text

alt text

alt text


 defineProps<{
    modelValue: string | Array<string>;
    isRange?: boolean;
    common?: boolean;  // range时 左右是否可相同
    clearable?boolean;
    beginStartHour?: number;   // 起始小时
    beginEndHour?: number;
    beginStartMinute?: number;
    beginEndMinute?: number;

    endStartHour?: number;
    endStartMinute?: number;
    endEndHour?: number;
    endEndMinute?: number;

    hourStep?: number;  //小时步长
    minuteStep?: number;

    disabled?: boolean;
    readonly?: boolean;

    placeholder?: string;
    startPlaceholder?: string;
    endPlaceholder?: string;

    rangeSeparator?: string;  
    timeSeparator?: string;  // 分隔符默认:
    persistent?: boolean;
    transition?: string;
  
    startMaxTime?:string // 最大时间
    startMinTime?:string  // 最小时间

    endMaxTime?:string   // range时 右侧最大时间
    endMinTime?:string   // range时 右侧最小时间
  }>(),

About

基于vue3、element-plus的时刻选择组件、时刻时段、 支持到24:00

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published