Power BI自定义视觉对象中DatePicker显示日期错误问题排查

我尝试在Power BI格式面板中添加DatePicker组件，但选择任意日期时都会显示错误的日期。以下是我的实现代码：

Capabilities.json 文件 #

..."properties": {
        "Date1": {
          "displayName": "Start date",
          "description": "Select start date",
          "type": {
            "text": true
          }
        },...

Setting.ts 类 #

export class DateFields {
  public Date1: Date = null;
  public Date2: Date = null;
 }

格式面板模型（powerbi.visuals.FormattingGroup.slices） #

{
                    displayName: "Date 1",
                    uid: `datacard_holidays_holiday${i}_startDate`,
                    control: {
                        type: FormattingComponent.DatePicker,
                        properties: {
                            placeholder: "Start Date",
                            descriptor: {
                                objectName: "holidays",
                                propertyName: `startDate${i}`,
                            },
                            value: settings.holidays[`startDate${i}`],
                        },
                    },
                },

调试时获取的选中日期格式为：Mon Jan 01 2024 17:12:11 GMT+0530 (India Standard Time)，视觉对象中能得到正确日期，但组件显示异常。请问是否需要修改Capabilities中的类型？

问题核心是Capabilities.json中日期字段的类型定义错误，当前将Date1定义为text类型，但DatePicker组件需要对应date类型属性，这会导致格式面板无法正确解析和显示日期值。

具体修改步骤： #

1. 修正Capabilities.json中的类型
   将Date1的类型从text改为date：

..."properties": {
        "Date1": {
          "displayName": "Start date",
          "description": "Select start date",
          "type": {
            "date": true
          }
        },...

2. 统一属性命名（关键细节）
   注意到格式面板模型中descriptor.propertyName是startDate${i}，但Capabilities里定义的是Date1，两者命名不匹配会导致值无法正确同步，需要将命名统一（比如都改为startDate或Date1）。

3. 确保日期值处理逻辑正确
   Power BI会自动处理日期的序列化（转为ISO字符串）和反序列化，在更新设置时需将传入的ISO字符串转为Date对象：

// 更新设置时的示例逻辑
this.settings.holidays[`startDate${i}`] = newValue ? new Date(newValue) : null;

原因说明： #

• 若定义为text类型，Power BI会将日期以普通字符串存储，DatePicker组件无法识别为标准日期，导致显示异常。
• 改为date类型后，Power BI会按日期类型规则存储和解析值，确保DatePicker能正确显示选中的日期。

内容的提问来源于stack exchange，提问作者Rahul Roy