Vue优雅的日期选择器

Vue优雅的日期选择器

插件名称:vue-datepicker-ui

发布时间:2020年6月4日

插件作者:edisdev

官网 演示 GitHub下载

只是Vue.js应用程序的另一个日期选择器UI组件。支持日期范围,自定义语言,自定义日期格式等

安装和下载:

# Yarn
$ yarn add vue-datepicker-ui

# NPM
$ npm install vue-datepicker-ui --save

Props

<Calendar 
    v-model="" 
    :range="" 
    :lang="" 
    :firstDayOfWeek="" 
    :input-class="" 
    :position="" 
    :disabled-start-date="" 
    :disabled-end-date=""
    :text-format="" 
    :date-format=""/>
Prop
value (v-model)日期或范围数组
range 布尔值-(默认值:false)
lang 字符串/支持所有语言/ ISO代码语言/默认值:’tr’
firstDayOfWeek星期一或星期日(默认值:星期一)
inputClass输入的字符串/类名
position 字符串/选项=顶部,底部,左侧,右侧/默认值:左侧
disabled-start-date 对象。该对象由开始和结束信息(从参数到参数)组成。(用于startDate的单个状态和范围状态)。默认值:{从:空,到:空}
disabled-end-date 对象。它与disabled-start-end相同。(对于结束日期的范围状态。在单个状态中被忽略。)
text-format 字符串/短和长/月和日名称的短和长格式
date-format 对象/这是向用户显示所选日期的格式。/默认值:{天:“两位数”,月:“长”,年:“数字”}
相关插件