# jxt-datetimerangepicker-uniapp

**Repository Path**: jxtmy_admin/jxt-datetimerangepicker-uniapp

## Basic Information

- **Project Name**: jxt-datetimerangepicker-uniapp
- **Description**: 基于uniapp+vue3的时间段选择器.可定义禁用时间段
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-30
- **Last Updated**: 2024-05-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jxt-datetimerangepicker-uniapp
[输入链接说明](http://https://uiadmin.net/uview-plus/components/install.html)
#### 介绍
基于uniapp+vue3的时间段选择器.可定义禁用时间段

#### 软件架构
本工程使用 uniapp + vue3.请使用Hbuilder X（version 4.15）打开本工程。


#### 安装教程

1.  npm i uview-plus dayjs -S
2.  使用Hbuilder X运行该工程

#### 使用说明

1.  本组件仅支持uniapp + vue3.其他版本请自行适配。
2.  直接拉出components/dateTimeRangePicker 文件夹放入自己的uniapp工程即可使用。
3.  使用datetimeRangePickerRef.value().open() 唤起picker。
## 工程内pages/index内有使用实例，请自行研究

#### 注意
市场上存在各类时间选择器类目众多，基础需求可以不必使用本组件。
本组件具备的功能具有强针对性：当你需要 **限制和标记不可用时间段** 的时候推荐使用本组件。
目前本组件时间仅 **精确到分钟** 有效。秒在本组件的使用场景上无实际意义，因此忽略。

#### 特别提醒
本工程部分ui依赖uview-plus，具体安装请参考 [uView-plus文档](http://https://uiadmin.net/uview-plus/components/install.html)

#### 暴露的属性
title 时间选择器的命名
####
invalidTime 不可用的时间段,可支持多个时间段，请严格遵照此格式 [[YYYY/MM/DD HH:mm,YYYY/MM/DD HH:mm],[YYYY/MM/DD HH:mm,YYYY/MM/DD HH:mm],...]
####
modelValue/v-model 最终选中的时间段，可以传入默认值，请严格遵照此格式 [YYYY/MM/DD HH:mm,YYYY/MM/DD HH:mm]

#### 参与贡献