@3scarecrow/vue-quarter-select 中文文档教程

发布于 4年前 浏览 23 项目主页 更新于 3年前

vue-quarter-select

Build Statusnpm (scoped)

A basic Vue.js selector that can select quarter.

vue-quarter-select preview

Install

# yarn
yarn add @3scarecrow/vue-quarter-select
#npm
npm install --save @3scarecrow/vue-quarter-select

Documentation

中文文档 | English

Usage

<template>
  <VueQuarterSelect
    v-model="date"
  />
</template>
<script>
import VueQuarterSelect from '@3scarecrow/vue-quarter-select'
export default {
  // ...
  components: {
    VueQuarterSelect
  },
  data() {
    return {
      date: ''
    }
  }
}
</script>

Props

proptypedefaultdescription
value/v-modelString/Array[]绑定值
value-formatStringyyyy-MM-dd绑定值的格式
minDateString/Dateundefined小于最小日期的季度将禁用
maxDateString/Dateundefined大于最大日期的季度将禁用
formatFunction(year,quarter,date)-使用format指定输入框的格式
select-itemsArray-自定义下拉选项文本
default-valueDate-默认显示的季度

更多Props可查阅 vue-select-wrapper 的Props

Methods

MethodsDescripion
clear清空绑定值

Events

EventDescriptionParams
clear点击清空时触发-

更多Events可查阅 vue-select-wrapper 的Events

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文