el-date-picker联动

el-date-picker联动是指通过使用change事件和修改关联的select来实现两个独立的日期选择器之间的联动效果。例如，在elmentUI的DatePicker日期选择器中，当第一个日期选择器的值变化时，可以通过监听其change事件并修改第二个日期选择器的选项来实现联动效果。

在实现el-date-picker联动时，需要注意日期的格式定义。如果两个日期选择器的日期格式不一致，会导致联动效果无法正常工作。例如，第一个日期选择器的格式是yyyy，而第二个日期选择器的格式是yyyy-MM，那么在给第二个日期选择器赋值时，需要将第一个选择器的结果进行拼接，以符合第二个日期选择器的格式要求。同理，如果第二个日期选择器的格式是yyyy-MM，而第三个日期选择器的格式是MM-dd，也需要进行相应的格式转换。

通过合理监听change事件并在联动中考虑日期格式的处理，可以实现el-date-picker的联动效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [两个日期选择器的联动](https://blog.csdn.net/weixin_74285634/article/details/131656656)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue element ui el-date-picker(日期选择器)实现联动联级选择效果。](https://blog.csdn.net/weixin_44058725/article/details/126021810)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]