vue-datepicker-local

A Beautiful Datepicker Component For Vue2

• Lightweight (less than 5kb minified and gzipped)

• Only dependencies Vue

• Beautiful!

Demo

https://weifeiyue.github.io/vue-datepicker-local/

Usage

Install

```bash $ npm install vue-datepicker-local ```

ES6

```html ```

Browser globals

The dist folder contains vue-datepicker-local.js and vue-datepicker-local.css. ```html ```

Props

| Prop | Description | Type | Default | |:---------------|:-------------------------------------------------|:-----------|:-------------------| | v-model | dates to be manipulated | Date/Array | -- | | name | name for input | String | -- | | type | type for input (inline/normal) | String | normal | | inputClass | custom class name for input | String | -- | | popupClass | custom class name for popup | String | -- | | disabled | determine whether the DatePicker is disabled | Boolean | false | | clearable | clear the date | Boolean | false | | rangeSeparator | range separator | String | "~" | | format | to set the date format | String | "YYYY-MM-DD" | | local | the local of the DatePicker | Object | {
dow: 1, // Monday is the first day of the week
hourTip: '选择小时', // tip of select hour
minuteTip: '选择分钟', // tip of select minute
secondTip: '选择秒数', // tip of select second
yearSuffix: '年', // format of head
monthsHead: '1月2月3月4月5月6月7月8月9月10月11月12月'.split(''), // months of head
months: '一月二月三月四月五月六月七月八月九月十月十一月十二月'.split(''), // months of panel
weeks: '一二三四五六日'.split(''), // weeks
cancelTip: '取消', // default text for cancel button
, submitTip: '提交' // default text for submit button
} | | disabledDate | specify the date that cannot be selected | Function | (time, format)=>{return false} | | showButtons | show Cancel/Submit buttons | Boolean | false | | placeholder | placeholder of Input | String | -- |

Events

| Event Name | Description | Parameters | |:---------------|:-------------------------------------------------|:-------------------------------------| | confirm |triggers when user confirms | the value component's binding value | | cancel |triggers when user click the cancel button | -- | | clear |triggers when user click the clear button | -- |

License

vue-datepicker-local is licensed under The MIT License.