datepicker-jp

Date input components (Datepicker) for Vue 3, specialized for use in Japan.

DOCUMENTATION

日本語の説明はこちら ⇒(https://dp-jp.sinroku.net/)

オプション機能のオンライン登録ができるようになりました。

---

Features

• Single date picker
• Month picker
• Year picker
• Pick by decade
• Pick by era
• For ja-JP locale
• JST(+0900) only
• Vuetify theme (optional)
• Included type definitions

Install

npm install datepicker-jp

Import and register component

<script lang="ts" setup>
import {ref} from "vue";
import {DatepickerJp} from 'datepicker-jp';
const dpJp_modelValue = ref();
</script>

<template>
  <DatepickerJp v-model="dpJp_modelValue" :year-select-mode="3"> // 選択できる年を明治以降にするモード
    <span style="color: blue;">datepicker-jp</span>              // コンポーネントの上部に表示する内容
    <template v-slot:dialog>
      <span style="color: green;">datepicker-jp:dialog</span>    // ダイアログの上部に表示する内容
    </template>
  </DatepickerJp>
  <input type="text" id="dpJp_modelValue" v-model="dpJp_modelValue" />
</template>

License

Copyright © 2024-present sinroku.com

CC-BY-ND-4.0