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']
//写在里面的东西 不会被清空
不在里面写的话,就会为空 需要手动选择。