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