You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在自定义JS文件中为AirDatepicker绑定onSelect与update方法?

};

出现错误:

Expecting new line or semicolon

请问正确的语法是什么?

# 解决方案
### 正确的绑定方式
AirDatepicker实例创建后,不能直接通过`实例.onSelect()`的方式绑定事件,必须通过实例的`update`方法修改配置,添加`onSelect`回调:

```javascript
// form.js中的代码
window.dateRangePicker.update({
    onSelect({date, datepicker}) {
        // 编写你的业务逻辑
        // 示例:针对范围选择,更新日期最小限制
        if (date.length > 0) {
            datepicker.update({
                minDate: date[0]
            })
        }
    }
});

关键说明

  • v3.3.5版本的AirDatepicker,实例创建后修改配置或添加事件,必须使用update方法,不能直接给实例属性赋值。
  • 由于你开启了范围选择(range: true),onSelect回调中的date参数是一个数组(包含开始、结束两个日期),而非单个日期,使用时要注意参数格式。
  • 你之前的错误写法是把onSelect当成了实例的可直接调用方法,不符合AirDatepicker的API规范,因此触发语法错误。

内容的提问来源于stack exchange,提问作者mstdmstd

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 05:42:14