icalender v1.0.6

icalender

一个可以标记日期范围的vue日历插件

预览

预览图	说明
	没有标记：marks = []
	标记一个日期：marks = [{start: "2019-09-10", end: "2019-09-10"}]
	标记一个日期范围： marks = [{start: "2019-09-13", end: "2019-09-15"}]
	混合标记：marks = [{start: "2019-09-10", end: "2019-09-10"}, {start: "2019-09-13", end: "2019-09-15"}]
	跨月标记 ：marks = [{start: "2019-09-10", end: "2019-09-10"}, {start: "2019-09-13", end: "2019-09-15"}, {start: "2019-09-28", end: "2019-10-03"}]

使用

npm install icalender --save

全局注册组件

import icalender from 'icalender';

Vue.use(icalender);

组件内使用

CommonJS

var icalender = require('icalender');

new Vue({
    components: { icalender },
    data: function () {
        return {
            marks: [
                {
                    start: "2019-09-10",
                    end: "2019-09-10"
                },
                {
                    start: "2019-09-13",
                    end: "2019-09-15"
                },
                {
                    start: "2019-09-28",
                    end: "2019-10-03"
                }
            ]
        };
    },
    template: '<icalender :marks="marks" />'
});

ES6

import icalender from 'icalender';

new Vue({
    components: { icalender },
    data: function () {
        return {
            marks: [
                {
                    start: "2019-09-10",
                    end: "2019-09-10"
                },
                {
                    start: "2019-09-13",
                    end: "2019-09-15"
                },
                {
                    start: "2019-09-28",
                    end: "2019-10-03"
                }
            ]
        };
    },
    template: '<icalender :marks="marks" />'
});

API

Props

Events

License

MIT