DatePicker 更改选中时间无法触发change事件和毫秒级时间优化

[erica-bing]

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

获取组件中待选择时间, 该组件绑定的change事件只有点击确定按钮后才触发change事件，希望增加功能获取当前面板上选中的时间，对用户输入的时间不应该进行忽略。

What does the proposed API look like?

增加新的事件名称用来获取 用户在面板中选择的时间。

Version

5.26.1

What is this feature about?

1. 该组件绑定的change事件只有点击确定按钮后才触发change事件，希望增加功能获取当前面板上选中的时间。

2. 对毫秒时间的优化，我组件配置参数为：:show-time="{ format: 'HH:mm:ss.SSS' }" format="YYYY-MM-DD HH:mm:ss.SSS" ，我在组件的输入框内输入毫秒值，点击确认按钮后毫秒数值直接变成0了。

[dhj-l]

你可以尝试一下panelChange来解决问题

[erica-bing]

你可以尝试一下panelChange来解决问题

我在4.2.6最新版本尝试使用此方法，datepicker 组件日期或者是日期加时间面板，改变选择值都不会触发此回调。
<date-picker @panelChange="onPickerChange" v-model:value="dateValue" format="YYYY-MM-DD" :popupStyle="{ 'z-index': 10000 }" placeholder="选择执行时间"> </date-picker>

[webvs2]

@erica-bing 可以提供一个示例吗

[erica-bing]

@erica-bing 可以提供一个示例吗
这是我的示例，panelChange事件无法触发，change事件只有选择完时间才会触发。我的想法是获取 时间选择面板上 用户改变了的值。 例如：我在时间面板上将其它时间 调整成 2025-06-27 10:00:00，change和panelChange事件都不会触发,需要点确认后才触发change事件。

<template>
  <div>
     <date-picker @panelChange="onPanelChange" style="border-color: black;"
      @change="onPickerChange" v-model:value="dateValue" format="YYYY-MM-DD HH:mm:ss"
      :showNow="true" :show-time="{ format: 'HH:mm:ss' }"
    placeholder="选择执行时间">

    </date-picker>
  </div>

</template>
<script >
import { DatePicker } from 'ant-design-vue';
import {defineComponent ,ref} from 'vue';
export default defineComponent({
  name: 'HelloWorld',
  components: {
    DatePicker
  },
  setup() {
    const dateValue = ref(null);
    const onPanelChange = () => {
      console.log("触发panelChange事件");
    };
    const onPickerChange = () => {
      console.log("触发change事件");
    };
    return {
      dateValue,
      onPickerChange,
      onPanelChange
    };
  }
});

</script>