# @beisen-platform/platform-date-range

> 平台日期区间组件，绑定平台元数据

Latest version **1.0.7** (published 2019-08-13) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-platform/platform-date-range
pnpm add @beisen-platform/platform-date-range
yarn add @beisen-platform/platform-date-range
bun add @beisen-platform/platform-date-range
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.7 |
| Published | 2019-08-13 |
| First published | 2018-12-02 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 113.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | beisen |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6 |

## Links

- npm: https://www.npmjs.com/package/@beisen-platform/platform-date-range
- npm.io page: https://npm.io/package/@beisen-platform/platform-date-range

## Dependencies (1)

- [@beisen-platform/react-icons](https://npm.io/package/@beisen-platform/react-icons.md)

## Recent versions

- 1.0.7 (latest) — 2019-08-13
- 1.0.5-rc.1 — 2019-04-30
- 1.0.5 — 2019-04-29
- 1.0.4 — 2019-04-10
- 1.0.3 — 2019-03-15
- 1.0.1 — 2019-01-09
- 1.0.0 — 2018-12-06
- 0.1.11 — 2018-12-02

## README

## 组件使用、扩展文档

## 提交

1. npm install
2. 修改代码后执行 npm run lib进行编译
3. 更新package.json中的 version版本号
4. push代码
5. 在cmp.beisen.io站点，头部导航的《服务》中查看编译是否通过

## 使用参数

```
{
  text: this.props.text || '',  // '2018/08/22 10:50:28~2018/08/29 10:50:38' , 中间用 ~ 分割
  value: this.props.value || '',  // '2018/08/22 10:50:28-2018/08/29 10:50:38'，中间用 - 分割
  "cmp_id": "2a5e8670-6ea6-474d-b682-be8f55a46b4b",
  "cmp_name": "datetime11",
  "cmp_type": "BC_DateRange",
  "cmp_label": "日期时间(11)",
  "cmp_data": {
      "title": "日期时间(11)",
      "field_name": "dxkforeignsjy",
      "required": false,   //必填
      "cmp_state": "create",
      "cmp_status": "editable",
      "editdisplaystate": "editable",
      "createdisplaystate": "editable",
      "showdisplaystate": "readonly",
      "datasourcename": "NativePlace",
      "metaObjectName":"BeisenCloudDemo.first",
      "dataType": "Text",
      "desc":"日期",  //title后面的帮助问号显示的文字
      "isShowTime": true, //true or false,是否开启选择时分秒的功能
      "data_format": "yyyy/MM/dd HH:mm:ss",  //format格式，展示出来的格式
      "dateTimeType": "dateRange"  //日期类型，有如下几种 ，date，dateTime，years，dateRange，dateTimeRange
  },
  "search_data": {
    metaFieldRelationIDPath: null,
    metaobjectname: "BeisenCloudDemo.first",
    opeartor: "eq",
    seperator: "-"
  },
  "ifError": false, //true 或者false,是否显示错误状态
  "biz_data": { "text": "" },
  "validators": {},
  "placeholder":"这是提示",   //输入框内提示信息，只有非只读禁用时显示，没有则取title
  styleTitle: 'rightFlush',        // "upAndDown" , "rightFlush",  "leftFlush", label的位置上下还是左右
  onChange: (value,target) => {}  //onchange回调事件
}
```

## 组件使用

1. npm install @beisen-cmps/platform-datetime-range
3. 该组件有两种使用方式, 第一种会走组件内部的获取数据方式(如果组件需要请求接口),数据会存在state里，第二种会走外部传入的action
  1. import XXX from '@beisen-cmps/platform-datetime-range'
  2. import {DateTimeRange} from '@beisen-cmps/platform-datetime-range'

```
render() {
  return <DateTimeRange {...this.props}/>;
}
```

---
_Source: https://npm.io/package/@beisen-platform/platform-date-range · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._