diff --git a/packages/vant/src/picker-group/README.md b/packages/vant/src/picker-group/README.md
index 8b4624887..b6be50bbb 100644
--- a/packages/vant/src/picker-group/README.md
+++ b/packages/vant/src/picker-group/README.md
@@ -147,18 +147,30 @@ Place two `DatePicker` components in the default slot of `PickerGroup` to select
:min-date="minDate"
:max-date="maxDate"
/>
-
+
```
```js
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
import { showToast } from 'vant';
export default {
setup() {
const startDate = ref(['2022', '06', '01']);
const endDate = ref(['2023', '06', '01']);
+ const endMinDate = computed(
+ () =>
+ new Date(
+ Number(startDate.value[0]),
+ Number(startDate.value[1]) - 1,
+ Number(startDate.value[2]),
+ ),
+ );
const onConfirm = () => {
showToast(`${startDate.value.join('/')} ${endDate.value.join('/')}`);
@@ -171,6 +183,7 @@ export default {
return {
minDate: new Date(2020, 0, 1),
maxDate: new Date(2025, 5, 1),
+ endMinDate,
endDate,
startDate,
onConfirm,
diff --git a/packages/vant/src/picker-group/README.zh-CN.md b/packages/vant/src/picker-group/README.zh-CN.md
index c10bf6a69..8fd5d8805 100644
--- a/packages/vant/src/picker-group/README.zh-CN.md
+++ b/packages/vant/src/picker-group/README.zh-CN.md
@@ -147,18 +147,30 @@ export default {
:min-date="minDate"
:max-date="maxDate"
/>
-
+
```
```js
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
import { showToast } from 'vant';
export default {
setup() {
const startDate = ref(['2022', '06', '01']);
const endDate = ref(['2023', '06', '01']);
+ const endMinDate = computed(
+ () =>
+ new Date(
+ Number(startDate.value[0]),
+ Number(startDate.value[1]) - 1,
+ Number(startDate.value[2]),
+ ),
+ );
const onConfirm = () => {
showToast(`${startDate.value.join('/')} ${endDate.value.join('/')}`);
@@ -171,6 +183,7 @@ export default {
return {
minDate: new Date(2020, 0, 1),
maxDate: new Date(2025, 5, 1),
+ endMinDate,
endDate,
startDate,
onConfirm,