RangePicker @calendarChange @change区别
区别 Change
2023-09-27 14:21:58 时间
<RangePicker :bordered="false" allowClear :placeholder="['开始时间', '结束时间']" @calendarChange="onCalenderChange" @change="onRangeChange" />
@calendarChange:只要点击了一个日期,就会触发。
@change:只有选择了二个日期才会触发。
import { RangePickerValue } from 'ant-design-vue/lib/date-picker/interface';
const onCalenderChange = (dates) => { let startdate = formatToDate(dates[0]); let enddate = formatToDate(dates[1]); console.log('onCalenderChange', startdate, enddate); } const onRangeChange = (date: RangePickerValue, dateString: [string, string]) => { console.log('change:', dateString[0], dateString[1]); };
相关文章
- Anchor和Dock的区别
- TClientDataset跟TADOQuery 导入xml格式区别
- 微服务和服务网格有什么区别,Istio告诉你
- C#【中级篇】volatile关键字测试-在C#无区别,在Java有区别
- 测试主管面试必问合集:get 与 post 的区别
- session,cookie,token区别
- AppSettings和ConnectionStrings的区别
- StringUtils.isNotBlank与isNotEmpty区别
- 解释器和编译器的区别
- JSON字符串于JavaScript对象区别
- Java中private、protected、public和default的区别 (转)
- 浅析Docker Stack常用命令、Docker Compose和Docker Stack区别及Docker Stack部署web集群流程
- nginx中,$request_uri和$uri的区别
- iOS - property,strong,weak,retain,assign,copy,nomatic 的区别及使用
- width:100%和 max-width:100%的区别
- 多线程——Java中继承Thread类与实现Runnable接口的区别