Tui Datepicker如何使用setDate在模态框打开时设置指定日期

我在模态框内使用TUI Datepicker，想要在模态框打开时让它显示特定日期，但尝试多种方式要么报错要么没效果。

尝试过的无效代码： #

初始化Datepicker并默认设置为今天：

const asDate = new tui.DatePicker('#asDate', {
        language: 'ko',
        type: 'date',
        usageStatistics: false,
        input: {
            element: '#asDate-input',
            format: 'yyyy-MM-dd'
        }
    });
asDate.setDate(new Date()); // 默认设置为今天

// 模态框打开时尝试设置指定日期
asDate.setDate('2023-02-20');

后续针对带时间的ISO字符串的尝试：

var changedate = this.data().visit_date // 格式为2023-02-16T15:52:00

// 这些写法都未达到预期效果
asDate.setDate(new date('2023-02-20')); // 小写date会导致构造函数报错
asDate.setDate('2023-02-20');
asDate.setDate(changedate);

解决方法： #

通过将目标日期字符串转换为标准Date对象，再传入setDate方法即可正确设置显示日期：

const getdate = new Date(this.data().visit_date);
asDate.setDate(getdate);

说明： #

TUI Datepicker的setDate方法要求传入有效的Date实例，直接传入日期字符串或未解析的ISO时间字符串可能无法被组件正确识别。通过new Date()将目标日期转换为标准Date对象后，组件就能正确解析并显示指定日期了。

内容的提问来源于stack exchange，提问作者P.P