@hey_dino/quarter-picker v1.0.0-beta.2

The Quarter Picker based on Vue-2.x and Element-UI

前置要求

如果你针对 Element-UI 使用了 按需引入 , 确保下述组件已注册:

• Input
• Icon
• Popover

安装

npm install @hey_dino/quarter-picker

注册

你可以通过 全局 或 局部 的方式引入QuarterPicker

注意：样式文件需要单独引入

全局注册

在 main.js：

import Vue from 'vue';
import App from './App.vue';
import QuarterPicker from '@hey_dino/quarter-picker';
import '@hey_dino/quarter-picker/lib/style/index.css';

Vue.use(QuarterPicker);

new Vue({
  el: '#app',
  render: h => h(App)
});

局部注册

在任意组件：

<script>
import QuarterPicker from '@hey_dino/quarter-picker';

export default {
  components: { QuarterPicker },
};
</script>

<style>
@import '@hey_dino/quarter-picker/lib/style/index.css'
</style>

快速开始

<quarter-picker v-model="quarter" placeholder="please input" />

日期格式

使用 format 指定输入框的格式；使用 value-format 指定绑定值的格式

以下为常用的格式化字符串，以 UTC 2024年9月1日 00:00:00 为例：

请注意大小写；下述 含义 中标注星号，表示与 Element-UI 日期格式 使用方式有差异

Attributes

Picker Options

Events

Methods