♥️作者:小宋1021
🤵♂️个人主页:小宋1021主页
♥️坚持分析平时学习到的项目以及学习到的软件开发知识,和大家一起努力呀!!!
🎈🎈加油! 加油! 加油! 加油
🎈欢迎评论 💬点赞👍🏻 收藏 📂加关注+!
如图,想往数据库存一个时间段,在后端用两个字段接收
实体类:
/** * 开始时间 */ private LocalDateTime meetingStartTime; /** * 结束时间 */ private LocalDateTime meetingEndTime;
ParentMeetingRespVO:
@Schema(description = "开始时间") private LocalDateTime meetingStartTime; @Schema(description = "结束时间") private LocalDateTime meetingEndTime;
ParentMeetingSaveReqVO:
@Schema(description = "开始时间") private LocalDateTime meetingStartTime; @Schema(description = "结束时间") private LocalDateTime meetingEndTime;
controller:
@PostMapping("/create") @Operation(summary = "创建家长会") @PreAuthorize("@ss.hasPermission('study:parent-meeting:create')") public CommonResult createParentMeeting(@Valid @RequestBody ParentMeetingSaveReqVO createReqVO) { return success(parentMeetingService.createParentMeeting(createReqVO)); }
service:
/** * 创建家长会 * * @param createReqVO 创建信息 * @return 编号 */ Long createParentMeeting(@Valid ParentMeetingSaveReqVO createReqVO);
实现类:
@Override public Long createParentMeeting(ParentMeetingSaveReqVO createReqVO) { // 插入 ParentMeetingDO parentMeeting = BeanUtils.toBean(createReqVO, ParentMeetingDO.class); parentMeetingMapper.insert(parentMeeting); // 返回 return parentMeeting.getId(); }
前端:
组件:
点击事件,并转换成时间戳:
const changes=(e)=>{ const date = new Date(e[0]) const date2 = new Date(e[1]) // 获取时间戳(毫秒) const timestamp = date.getTime() const timestamp2 = date2.getTime() formData.value.meetingStartTime = timestamp formData.value.meetingEndTime = timestamp2 formData.value.time = [dateFormat(timestamp),dateFormat(timestamp2)] }
dateform转换:
const dateFormat = (value)=>{ let date = new Date(value); let y = date.getFullYear(); let MM = date.getMonth() + 1<10? ('0' + (date.getMonth() + 1)) : date.getMonth() + 1; let d = date.getDate()< 10 ? ('0' + date.getDate()) : date.getDate() let h = date.getHours() < 10 ? ('0' +date.getHours()) : date.getHours(); const m = date.getMinutes()< 10 ? ('0' + date.getMinutes()) : date.getMinutes(); return y + '-' + MM + '-' + d }
完整代码: