datepicker_VueJ的Datepicker组件

datepicker

Vue Datepicker组件 (Vue Datepicker Component)

A Datepicker Component For VueJs.

VueJ的Datepicker组件。

View Demo 查看演示 Download Source 下载源

道具 (Props)

<Calendar 
    v-model="" 
    :range="" 
    :lang="" 
    :firstDayOfWeek="" 
    :input-class="" 
    :position="" 
    :disabled-start-date="" 
    :disabled-end-date=""
    :text-format="" 
    :date-format=""/>

Prop	Value
value (v-model)	Date or Array for range
range	Boolean - (default: false)
lang	String / Supports all languages / iso code language / default: 'tr'
firstDayOfWeek	monday or sunday (default: monday)
inputClass	String / classname for input
position	String / options = top, bottom, left, right / default: left
disabled-start-date	Object . This object consists of the start and end information(from and to params). ( For single status and range status of startDate). Default: { from: null, to: null}
disabled-end-date	Object . It has the same with disabled-start-end. (For range status of end Date. Ignored in single status.)
text-format	String / Short And Long / Short and long formats of month and day names
date-format	Object / This is the format in which the selected date will be displayed to the user. / default: { day: '2-digit', month: 'long', year: 'numeric' }

Struts	值
值(v模型)	日期或范围数组
范围	布尔值-(默认值：false)
郎	字符串/支持所有语言/ ISO代码语言/默认值：'tr'
firstDayOfWeek	星期一或星期天(默认值：星期一)
inputClass	输入的字符串/类名
位置	字符串/选项=顶部，底部，左侧，右侧/默认值：左侧
禁用开始日期	对象。 该对象由开始和结束信息(从参数到参数)组成。 (用于startDate的单个状态和范围状态)。 默认值：{从：空，到：空}
禁用结束日期	对象。 它与disabled-start-end相同。 (对于结束日期的范围状态。在单个状态中被忽略。)
文字格式	字符串/短和长/月和日名称的短和长格式
日期格式	对象/这是向用户显示所选日期的格式。 /默认值：{天：“两位数”，月：“长”，年：“数字”}

翻译自: https://vuejsexamples.com/a-datepicker-component-for-vuejs/

datepicker