k-date-picker コンポーネントは日付選択として使用されます。

デモ

使い方

<template>
  <k-date-picker
    v-model="date"
    dateFormat="YYYY/MM/dd"
    @change="onChangeDate"
  />
</template>
<script>
export default {
  data() {
    return {
      date: null
    };
  },
  methods: {
    onChangeDate(value) {
      console.log(`Date change !! [${value}]`);
    }
  }
};
</script>

Attribute

Name	Description	Type	Required
dateFormat	日付のフォーマット. デフォルト値: ‘MM/dd/YYYY’	String	Yes
disabled	disabled にするかどうか. デフォルト値: ‘false’	Boolean	No
locale	ロケール. ・ja ・en ・zh デフォルト値: ‘ja’	String	Yes
value	選択状態にする日付. デフォルト値:null	Date	No

Event

Name	Description
input	ユーザーの操作によって日付が選択されたときに発生する。日付は Date 型で渡される。
change	ユーザーの操作によって日付が選択されたときに発生する。日付は指定したフォーマットの文字列で渡される。