vxe-grid 利用dayjs提供的方法来格式化, 计算二个日期之间的年数/年龄

1、安装dayjs

pnpm add dayjs

yarn add dayjs

npm install dayjs

2、导入

import dayjs from 'dayjs';

3、vxe-grid列:

export const UserColumns: VxeGridPropTypes.Columns = [
...
{
    title: '年龄',
    width: 70,
    field: 'old',
    showOverflow: 'tooltip',
    align: 'center',
    sortable: true,
    slots: {
      default: ({ row }) => {
        const birthday = dayjs(row.birthday);
        const today = dayjs(new Date());
        return today.diff(birthday, 'year') + '岁';
      },
    },
  },
]

4、格式化以下的效果如下:

vxe-grid 利用dayjs提供的方法来格式化, 计算二个日期之间的年数/年龄_第1张图片

你可能感兴趣的:(Vue3,vue.js)