0.0.4 • Published 4 years ago
bj-dgui v0.0.4
bj-dgui
、****公司前端组件库-测试阶段
安装
npm 安装
npm i bj-dgui
yarn 安装
yarn add bj-dgui
####使用
根模块注入
import { RangeTimeModule } from 'bj-dgui';
组件HTML结构
<bjdg-range-time [date]="date" (currentDate)="currentDate($event)" [rangeDate]="dateRange" [dateFormat]="formatRange"> </bjdg-range-time>
组件TS属性
date: Array<any> = [ 'Wed Jul 15 2020 14:21:00 GMT+0800 (中国标准时间)', 'Fri Jul 17 2020 14:21:00 GMT+0800 (中国标准时间)', ]; dateRange = [1594656000, 1595001599]; formatRange = 'yyyy/MM/dd';
组件TS方法
currentDate(event) { this.date = event; }
属性介绍
参数 | 类型 | 含义 | 可选参数 | 默认值 | 备注 |
---|---|---|---|---|---|
date | Array< Date > | 选中的时间段或者需要回显的时间段 | 无 | 无 | 数组中为时间格式 |
dateRange | Array | 限定可选的时间范围 | 无 | 无 | 数组为开始时间和结束时间的10位时间戳 |
formatRange | String | 日期格式 | 'yyyy/MM/dd','yyyy/MM/dd HH:mm:ss','HH:mm','HH:mm:ss' | 'yyyy/MM/dd' | 数组中为时间格式 |
方法介绍
Ï |方法名|含义|参数|返回值| |----|----|----|----|----| |currentDate|当前选择时间|Array< Date >|无|