[Vuejs]-Month Date Range Picker – Vue.js

0πŸ‘

I`m using element ui for Vue.js.

https://element.eleme.io/#/en-US/component/date-picker

<el-date-picker
      v-model="birthdate"
      type="date"
      placeholder="Pick a Date"
      format="mm/yyyy"
      value-format="yyyy-MM-dd">
</el-date-picker>

0πŸ‘

There are so many libraries for Vue js that you can use easily like Element Ui, Vuetify etc.
but you can use Element UI that is very easy to use and it has so many nice features like bootstrap.

you can install it by npm or use by cdn, see documentation here

and components date picker

Calling Element Ui date picker:

    <el-date-picker
      v-model="value2"
      type="date"
      placeholder="Pick a day"
      :picker-options="pickerOptions1">
    </el-date-picker>

For Vuetify you can go here, it also can install in npm node or use cdn.

Vuetify date picker:

<v-date-picker 
  v-model="picker" 
  :landscape="landscape" 
  :reactive="reactive">
</v-date-picker>

Leave a comment