1.0.19 • Published 7 years ago

iview-datepicker-monthrange v1.0.19

Weekly downloads
2
License
MIT
Repository
-
Last release
7 years ago

iview-datepicker-monthrange

Install

Using npm:

npm install --save iview-datepicker-monthrange

Use it:

import MonthRangeDatePicker from 'iview-datepicker-monthrange'
Vue.use(MonthRangeDatePicker);
<month-range-date-picker type="daterange" placeholder="Select date"></month-range-date-picker>

!You should use type="daterange"

And you need add:

<link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css">

Want to get the input date:

<MonthRangeDatePicker type="daterange" placeholder="Select date" @on-change="daterange"></MonthRangeDatePicker>

methods: {
  daterange(data) {
    console.log(data);
  }
}

Disabled Date:

<MonthRangeDatePicker type="daterange" :options="options1" placeholder="Select date" @on-change="daterange"></MonthRangeDatePicker>

data() {
  return {
    options1: {
      disabledDate (year, month) {
        let disabledDate = (month < 10) ? year + '-0' + month : year + '-' + month;
        return disabledDate < '2017-11' || disabledDate > '2018-05';                     
      }
    }
  }
}
1.0.19

7 years ago

1.0.18

7 years ago

1.0.17

7 years ago

1.0.16

7 years ago

1.0.15

7 years ago

1.0.14

7 years ago

1.0.13

7 years ago

1.0.12

7 years ago

1.0.11

7 years ago

1.0.10

7 years ago

1.0.9

7 years ago

1.0.8

7 years ago

1.0.7

7 years ago

1.0.6

7 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago