feat(basic): 新增日期选择工具 PickerDateTimeHelper

- 添加 PickerDateTimeHelper 类,提供日期选择功能
- 在 CHANGELOG.md 和 README.md 中更新相关文档
-定义 DateDialogOptions 接口,支持自定义日期选择器的配置
- 实现 showDateDialog 静态方法,用于显示日期选择器
这个提交包含在:
徐勤民 2024-11-06 20:19:55 +08:00
父节点 b513137ccd
当前提交 ebb40b70f4
共有 3 个文件被更改,包括 29 次插入2 次删除

查看文件

@ -6,6 +6,7 @@
> - 网络工具优化
> - 新增下拉刷新和加载更多组件
> - ToolsHelper优化
> - 新增日期选择工具PickerDateTimeHelper
> - 其它优化,可自行探索
>

查看文件

@ -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),