A simple datepicker component for vue3

by Vue.js Examples

vue3-datepicker-lite

A simple datepicker component support Vue3.0.

View Demo View Github

SampleCode

import

import DatepickerLite from "vue3-datepicker-lite";

component

<datepicker-lite
    :id-attr="datepickerSetting.id"
    :name-attr="datepickerSetting.name"
    :class-attr="datepickerSetting.class"
    :value-attr="datepickerSetting.value"
    :locale="datepickerSetting.locale"
    :year-minus="datepickerSetting.yearMinus"
    @value-changed="datepickerSetting.changeEvent"
></datepicker-lite>

sample data

const datepickerSetting = {
  id: "birthday",
  name: "birthday",
  class: "myDateInput",
  value: "2020/10/01",
  yearMinus: "1911",
  locale: {
    weekday: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
    todayBtn: "Today",
    clearBtn: "Clear",
    closeBtn: "Close",
  },
  changeEvent: (value) => {
    console.log(value + " selected!");
  }
}

GitHub