【AVUE】显示当前日期

1.npm下载moment组件,版本号如下

 "moment": "^2.29.1",

2.在main.js中全局引入组件

import moment from 'moment';

3.在需要显示当前日期的页面引入组件

<script>
import moment from 'moment';


export default {

···

}
</script>

4.在需要的地方

createTime: moment().format('YYYY-MM-DD')

示例:

methods: {
    reset() {
      const buiness = {
        projectNum: null,
        statementNumber: null,//关联编号
        theSettlementAmount: null,//本次金额
        attachment: null, //附件
        remark: null,//备注
        createTime: moment().format('YYYY-MM-DD')//当前日期
      };
}
//CRUD表里    
{
      type: 'date',
      label: '创建日期',
      prop: 'createTime',
      addDisplay: false,
      editDisplay: false,
      search: true,
      searchRange: true,
      format: 'yyyy-MM-dd',
      valueFormat: 'yyyy-MM-dd',
    },

效果如下

如果遇到进入页面后不显示当前日期时,记得查看顶部clearExclude设置里是否有这个prop

  clearExclude: ['operatorUserName','operatorUserDeptName', 'createTime']

//写在里面的东西 不会被清空

不在里面写的话,就会为空 需要手动选择。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值