ebb40b70f4
- 添加 PickerDateTimeHelper 类，提供日期选择功能 - 在 CHANGELOG.md 和 README.md 中更新相关文档 -定义 DateDialogOptions 接口，支持自定义日期选择器的配置 - 实现 showDateDialog 静态方法，用于显示日期选择器
43 行
1.1 KiB
Plaintext
43 行
1.1 KiB
Plaintext
import { DatePickerView } from './compose/DatePickerView'
|
|
import { ToolsHelper } from './ToolsHelper'
|
|
|
|
export interface DateDialogOptions {
|
|
// 'YYYY-MM-DD'年月日对应的标识，随意组合，默认YYYY-MM-DD
|
|
type?: string
|
|
// 可选择的开始日期，默认1970-1-1
|
|
startDate?: string
|
|
// 可选择的结束日期，默认当前月最后一天
|
|
endDate?: string
|
|
// 当前选中的日期，默认当前日期
|
|
currentDate?: string
|
|
// 选择器确定按钮点击事件
|
|
onConfirm: (date: string) => void
|
|
// 选择器取消按钮点击事件
|
|
onCancel?: () => void
|
|
}
|
|
|
|
@Builder
|
|
function dateDialogBuilder(option: DateDialogOptions, dialogTag: string) {
|
|
|
|
DatePickerView({
|
|
option: option,
|
|
dialogTag: dialogTag,
|
|
})
|
|
}
|
|
|
|
|
|
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),
|
|
DialogAlignment.Bottom)
|
|
}
|
|
} |
