소스 검색

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

- 添加 PickerDateTimeHelper 类,提供日期选择功能
- 在 CHANGELOG.md 和 README.md 中更新相关文档
-定义 DateDialogOptions 接口,支持自定义日期选择器的配置
- 实现 showDateDialog 静态方法,用于显示日期选择器
徐勤民 5 달 전
부모
커밋
ebb40b70f4
3개의 변경된 파일29개의 추가작업 그리고 2개의 파일을 삭제
  1. 1 0
      CHANGELOG.md
  2. 17 0
      README.md
  3. 11 2
      src/main/ets/utils/PickerDateTimeHelper.ets

+ 1 - 0
CHANGELOG.md

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

+ 17 - 0
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选中弹窗

+ 11 - 2
src/main/ets/utils/PickerDateTimeHelper.ets

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