Giter Club home page Giter Club logo

vue-month-calendar's Introduction

Vue Month Calendar - You can now choose dates without a calendar.

monthPNG.png

Try it yourself.

click here

How to install

 npm install vue-month-calendar --save

How to use

import VueMonthCalendar from 'vue-month-calendar'

const currentDate = new Date()

new Vue({
  el: '#month-calendar',
  name: 'vue-month-calendar',
  data: function () {
    return {
      options: {
        minYear: currentDate.getFullYear() - 7,
        maxYear: currentDate.getFullYear(),
        initialDate: {},
        finalDate: {}
      }
    }
  },
  components: {
    'VueMonthCalendar': VueMonthCalendar
  }
})
In your page use
  <vue-month-calendar id='month-calendar' locale='en-US' :options="options"></vue-month-calendar>
Dual list options
  • options.locale:(optional): Application locale;
  • options.minYear:(required): Min year that will be shown in the select options.;
  • options.maxYear:(required): Min year that will be shown in the select options.;
  • options.initialDate:(required): First day of month that you selected.;
  • options.finalDate:(required): Last day of month that you selected.;

change month calendar

npm install -g nodemon

To execute your changes run the command npm run dev

Used versions

vue

version: 2.2.6

vue-material

version: ^0.7.1


License

It is available under the MIT license. License

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.