您的位置:首页 > 教育 > 培训 > vue3传时间值,还有定义文本域最大值

vue3传时间值,还有定义文本域最大值

2024/10/6 6:44:33 来源:https://blog.csdn.net/2301_76604664/article/details/141267586  浏览:    关键词:vue3传时间值,还有定义文本域最大值

一:存时间值

向后端传值:

const formData = ref({id: undefined,theme: undefined,studentId: undefined,questDate: undefined,questContent: undefined,dealDate: undefined,dealContent: undefined,finishTime:  Date,status: 0,remark: undefined
})
//需要将时间类型定义为date

finishTime:  Date,

传当前时间值

 formData.value.finishTime =Date.now();

export interface QuestionDealVO {id: number // 主键theme: string // 标题studentId: number // 学员idquestDate: Date // 发生日期questContent: string // 异议内容dealDate: Date // 处理日期dealContent: string // 处理方法finishTime: Date // 完成时间status: number // 状态(草稿:0;处理中:1;已完成:2)remark: string // 备注
}

实体类接受字段:

@Schema(description = "完成时间")@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")private LocalDateTime finishTime;

实现层:

 @Overridepublic Long createQuestionDeal(QuestionDealSaveReqVO createReqVO) {// 插入QuestionDealDO questionDeal = BeanUtils.toBean(createReqVO, QuestionDealDO.class);questionDealMapper.insert(questionDeal);// 返回return questionDeal.getId();}

postgresql定义字段:

/**
* 完成时间
*/
private LocalDateTime finishTime;

这样就可以将当前时间值存到数据库里了;

二:定义文本域最大值:

<el-row :gutter="24"><el-form-item label="备注" prop="remark" class="input-textarea"><el-inputv-model="formData.remark":rows="5"type="textarea"maxlength="200"@input="handleInput"placeholder="请输入备注(不超过200个字)"/><view class="textin">{{ currentLength }}/200</view></el-form-item></el-row>

样式:

<style>
.textin{position: absolute;bottom: 0px;right: 10px;
}
</style>

input事件:

const handleInput = ()=> {currentLength.value = formData.value.remark.length;
}

以上就可以自己定义一个文本域输入最大值了

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com