mengxiong10 / vue-datepicker-next

A datepicker / datetimepicker component for Vue3
https://mengxiong10.github.io/vue-datepicker-next/
MIT License
147 stars 34 forks source link

[Question] Show disabled date in input form #37

Closed itouAho closed 1 year ago

itouAho commented 1 year ago

is it possible to keep disabled date like in vue2-datepicker? currently datepicker will set empty if the date is disabled, i want to set default date even it is disabled.

<script setup>
import { ref } from "vue";
import DatePicker from "vue-datepicker-next";

const date = ref("2023-03-01");

function notBeforeToday(date) {
  return date < new Date(new Date().setHours(0, 0, 0, 0));
}
</script>

<template>
  <date-picker
    v-model:value="date"
    :first-day-of-week="1"
    :clearable="false"
    :editable="false"
    :disabled-date="notBeforeToday"
    type="date"
    format="MMM, DD YYYY"
    valueType="YYYY-MM-DD"
  ></date-picker>
</template>

thank you.

mengxiong10 commented 1 year ago

Fixed in v1.0.3