A calendar component may be extended adaptive

This component comes in addition to a lot of API, the best part is you can get him vue source, and then customize the style and function. G ithub following address: https://github.com/jinzhe/vue-calendar  . Results are as follows:

The project is in the process calendar.js lunar calendar date, and if not we can not introduce the lunar calendar, and the vue corresponding code is deleted.

We can get the corresponding vue code, you can customize our style, and the style we head into our style renderings, the corresponding CSS can write their own according to their effect.

Then our project in the corresponding date of attendance if abnormal, there will be a corresponding mark

First, by increasing the code corresponding to different values ​​of the binding status in different styles html

Then I data format, data, there are the userInfo, respectively late, leave early and absenteeism:

methods has increased by a method of acquiring user information (y, m, d is a parameter corresponding date):

We need common code corresponding to the date of our user information passed to the options in

 

Guess you like

Origin www.cnblogs.com/zpxm/p/11642231.html