feat(basic): 新增日期选择工具 PickerDateTimeHelper
- 添加 PickerDateTimeHelper 类,提供日期选择功能 - 在 CHANGELOG.md 和 README.md 中更新相关文档 -定义 DateDialogOptions 接口,支持自定义日期选择器的配置 - 实现 showDateDialog 静态方法,用于显示日期选择器
这个提交包含在:
父节点
b513137ccd
当前提交
ebb40b70f4
@ -6,6 +6,7 @@
|
||||
> - 网络工具优化
|
||||
> - 新增下拉刷新和加载更多组件
|
||||
> - ToolsHelper优化
|
||||
> - 新增日期选择工具PickerDateTimeHelper
|
||||
> - 其它优化,可自行探索
|
||||
>
|
||||
|
||||
|
||||
17
README.md
17
README.md
@ -144,6 +144,23 @@ XWebHelper.openWeb({
|
||||
})
|
||||
```
|
||||
|
||||
### 1.7.[PickerDateTimeHelper](./src/main/ets/utils/PickerDateTimeHelper.ets)
|
||||
|
||||
> 时间日期选择弹窗相关
|
||||
>
|
||||
|
||||
#### 1.7.1 选择日期
|
||||
|
||||
```typescript
|
||||
import { PickerDateTimeHelper } from '@szyx/sdk_base'
|
||||
|
||||
PickerDateTimeHelper.showDateDialog({
|
||||
onConfirm: (date) => {
|
||||
ToolsHelper.log(date)
|
||||
}
|
||||
}, this)
|
||||
```
|
||||
|
||||
## 2.[Dialog](./src/main/ets/dialog)
|
||||
|
||||
### 2.1.弹出list选中弹窗
|
||||
|
||||
@ -2,12 +2,17 @@ import { DatePickerView } from './compose/DatePickerView'
|
||||
import { ToolsHelper } from './ToolsHelper'
|
||||
|
||||
export interface DateDialogOptions {
|
||||
// 'YYYY-MM-DD'年月日对应的标识,随意组合
|
||||
// 'YYYY-MM-DD'年月日对应的标识,随意组合,默认YYYY-MM-DD
|
||||
type?: string
|
||||
// 可选择的开始日期,默认1970-1-1
|
||||
startDate?: string
|
||||
// 可选择的结束日期,默认当前月最后一天
|
||||
endDate?: string
|
||||
// 当前选中的日期,默认当前日期
|
||||
currentDate?: string
|
||||
// 选择器确定按钮点击事件
|
||||
onConfirm: (date: string) => void
|
||||
// 选择器取消按钮点击事件
|
||||
onCancel?: () => void
|
||||
}
|
||||
|
||||
@ -25,7 +30,11 @@ export class PickerDateTimeHelper {
|
||||
private constructor() {
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 显示日期选择器
|
||||
* @param options
|
||||
* @param p 调用页面直接this
|
||||
*/
|
||||
static showDateDialog(options: DateDialogOptions, p: object) {
|
||||
const dialogTag = ToolsHelper.getUuid()
|
||||
ToolsHelper.showCustomDialog(dialogTag, dateDialogBuilder.bind(p, options, dialogTag),
|
||||
|
||||
正在加载...
在新工单中引用
屏蔽一个用户