datepicker-holiday

ViewUI

A high quality UI Toolkit built on Vue.js.

该项目即为原先的 iView。iView 作者将在此仓库继续开发 iView 4.0 和后续版本，以及维护工作。新的组件库命名为 ViewUI，原仓库 iView 作者不再提交内容。

This project is the original iView. The iView author will continue to develop iView 4.0 and subsequent releases, as well as maintenance work, in this repository. The new component library is named ViewUI, and the iView author will no longer continue to submit content in the original repository.

Docs

4.x | 3.x | 2.x | 1.x

Features

• Dozens of useful and beautiful components.
• Friendly API. It's made for people with any skill level.
• Extensive documentation and demos.
• It is quite beautiful.
• Supports both Vue.js 2 and Vue.js 1.

Who's using ViewUI

Install

We provide an View UI plugin for Vue CLI 3, which you can use to quickly build an ViewUI-based project.

We also provide a starter kit view-ui-project for you.

Install View UI

Using npm:

npm install view-design --save

Using a script tag for global use:

<script type="text/javascript" src="iview.min.js"></script>
<link rel="stylesheet" href="dist/styles/iview.css">

You can find more info on the website.

Usage

<template>
    <Slider v-model="value" range />
</template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
</script>

Using css via import:

import 'view-design/dist/styles/iview.css';

Compatibility

• Supports Vue.js 2.x
• Supports Vue.js 1.x - visit 1.0 docs
• Supports SSR
• Supports Nuxt.js
• Supports TypeScript
• Supports Electron
• Most components and features support IE9 and above browsers, some components and features do not support IE

Community

If you want to contribute or have questions or bugs to report:

Questions: Find other users at the Gitter chat or post on StackOverflow using [iview-ui] tag
Bugs: File a issue here - please provide a example so we can help you better
Contribute: Contact us in Gitter chat, WeChat or via mail to [e-mail]. PRs welcome!

Major Contributors

Name	Avatar	Name	Avatar	Name	Avatar
Aresn		jingsam		rijn
lcx960324		GITleonine1989		huixisheng
Sergio Crisostomo		lison16		Xotic750
huanghong1125		yangdan8

Ecosystem Links

• View UI Pro
• View UI Admin Pro
• Developer
• Run
• iView-Loader
• ViewUI-Plugin

License

MIT

Copyright (c) 2016-present, ViewDesign

• 带节假日的datepicker，在iview的datepicker基础上改的
• 引入

    import DatepickerHoliday from 'datepicker-holiday';
  

• 注册

    Vue.use(DatepickerHoliday)
  

• props 传holidayList，定义显示的假期
• el:

  <DatepickerHoliday props="holidayList"></DatepickerHoliday>
  
  const holidayList = [
    {
      startDate: '2020-10-01',
      endDate: '2020-10-08',
      title: '国庆'
    },
    {
      startDate: '2021-01-01',
      endDate: '2021-01-03',
      title: '元旦'
    }
  ];
  

• 发布 npm publish