给Ant degin中Calendar渲染当前月份日期标记

最新推荐文章于 2024-08-02 18:39:25 发布

bahuanlv8033

最新推荐文章于 2024-08-02 18:39:25 发布

阅读量2.5k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Jayeblog/p/11427945.html

版权

本文档介绍如何在Ant Design的Calendar组件中，利用JavaScript实现渲染当前月份的日期并进行特殊标记的方法。

摘要由CSDN通过智能技术生成

import React, { Component } from 'react';
import {Calendar,Tag} from "antd";
import moment from 'moment';
import 'moment/locale/zh-cn';
import './attendanceInfo.css';
moment.locale('zh-cn');
//这里接收考情状态数据
const attendanceDate=[
    {
        date:'2019-08-1',
        state:0,//正常 green
    },
    {
        date:'2019-08-2',
        state:1,//迟到 yellow
    },
    {
        date:'2019-08-3',
        state:2,//旷工 red
    },
    {
        date:'2019-08-4',
        state:3,//休假 blue
    },
    {
        date:'2019-08-5',
        state:3,//休假 blue
    },
    {
        date:'2019-08-6',
        state:3,//