0.0.59 • Published 9 months ago
mix-datepicker-pc v0.0.59
umi project
Getting Started
Install dependencies,
$ yarn
Start the dev server,
$ yarn start
import React, { useState } from 'react';
import { RangePicker } from '../components';
import styles from './index.less';
import moment from 'moment';
function App() {
const [active, setActive] = useState(true);
const [value, setValue] = useState([moment()]);
const [disables] = useState(['2021-05', '2021-06']);
const onChange = (value) => {
setValue(value);
};
return [
<div>
selected: {Array.isArray(value) ? value.join(',') : value}
</div>,
<div className="App">
<div>
<div
className={`tabItem ${active === true ? 'tabActive' : null}`}
onClick={() => {
setActive(!active);
}}
>
多选
</div>
<div
className={`tabItem ${active === false ? 'tabActive' : null}`}
onClick={() => {
setActive(!active);
}}
>
单选
</div>
</div>
<RangePicker
hourLeftSide={false} // 控制hour左侧选择框是否隐藏,默认 false
dayLeftSide={false} // 控制day左侧选择框是否隐藏,默认false
startYear={2017} //开始年份,默认2019
endYear={'2022-05-20'}
range={active} // 单选或者双选
onChange={onChange} //当选择值改变的时候, onchange回调
value={value} // 初始化选中的日期 支持string与Array
disables={disables} // 禁止选择的日期 支持Function与Array
headerTabShow={true} // tab头部是否显示
type={tab} // 初始化选中的tab类型
tabOptions={[ //tab选择项
{
tabName: 'Day',
},
{
tabName: 'Month',
},
]}
titleName={'Release'}
/>
</div>,
];
}
### 版本更新:
--2023-03-02
--支持 disableBtn 函数参数,返回 true 时 confirm 按钮置灰不可选
--2023-02-20
--支持 disables 变更
--2021-09-17
--添加dayLeftSide参数控制day面板中左侧是否选择框是否隐藏,默认为false
--2021-10-26
--添加titleName参数,类型为string,默认值为空
--2021-10-27
--添加tabChange参数,类型为函数,返回一个参数,为切换的tab值
--添加autoStartDay参数,类型为布尔值,默认值为true
--2021-10-28
--添加confirmBack参数,类型为函数,返回两个参数,第一个为选中的日期,第二个为tab值
--2022-3-23
--修改NewDayPanel中today受控于rangeDate
--修复切换 tab format 格式错乱的问题
--可配置结果时间格式
--2022-3-28
--移除组件内部样式的字体
--修复英文浏览器字号显示1px的问题
--2022-3-31
--新增禁止选择当天的功能
--2022-4-14
-- 修复开关筛选器,选择为周维度的时候累加一周的问题
--2022-5-6
-- 修复日面板单选日期时没有重置状态的问题
--2022-5-12
-- 增加根据不同时间类型展示不同默认值功能, defaultValueByType
-- 取消操作时恢复默认 timeType
--2022-5-23
-- 默认值优化,组件 value 修改后不再使用默认值
--2022-6-17
-- 修复单选模式下,无法输入日期的问题
--2022-6-28
-- 增加open时的回调
--2022-07-18
-- 修复时间筛选器周维度无法输入时间的问题
--2022-08-10
-- 增加禁用 tab 功能
--2022-12-07
-- 接收style和classname
0.0.59
9 months ago
0.0.58
9 months ago
0.0.57
11 months ago
0.0.46
1 year ago
0.0.47
1 year ago
0.0.51
1 year ago
0.0.52
1 year ago
0.0.53
1 year ago
0.0.54
1 year ago
0.0.55
1 year ago
0.0.56
12 months ago
0.0.50
1 year ago
0.0.48
1 year ago
0.0.49
1 year ago
0.0.40
1 year ago
0.0.41
1 year ago
0.0.42
1 year ago
0.0.43
1 year ago
0.0.44
1 year ago
0.0.45
1 year ago
0.0.37
1 year ago
0.0.38
1 year ago
0.0.39
1 year ago
0.0.30
1 year ago
0.0.31
1 year ago
0.0.33
1 year ago
0.0.34
1 year ago
0.0.35
1 year ago
0.0.36
1 year ago
0.0.29
1 year ago
0.0.20
2 years ago
0.0.21
2 years ago
0.0.22
2 years ago
0.0.23
2 years ago
0.0.24
2 years ago
0.0.25
2 years ago
0.0.18
2 years ago
0.0.19
2 years ago
0.0.26
1 year ago
0.0.27
1 year ago
0.0.28
1 year ago
0.0.10
2 years ago
0.0.11
2 years ago
0.0.12
2 years ago
0.0.13
2 years ago
0.0.15
2 years ago
0.0.16
2 years ago
0.0.17
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago