【无标题】

1

<el-form-item label="时间管理" prop="timeManager">

<el-date-picker

v-model="timeManager"

:disabled="form.id?true:false"

type="datetimerange"

start-placeholder="开始日期"

end-placeholder="结束日期"

format="YYYY-MM-DD HH:mm:ss"

/>

</el-form-item>

2 转换格式(提交后台)

const startTime = formatDate(leaveManagement.value[0], 'yyyy-MM-dd HH:mm:ss')

const endTime = formatDate(leaveManagement.value[1], 'yyyy-MM-dd HH:mm:ss')

3 后端返回赋值视图层

const timeManager= ref(['2025-01-02 00:00:00','2025-01-02 23:59:59'])

相关推荐
jin12332227 分钟前
React Native鸿蒙跨平台剧本杀组队消息与快捷入口组件,包含消息列表展示、快捷入口管理、快捷操作触发和消息详情预览四大核心功能
javascript·react native·react.js·ecmascript·harmonyos
烬头88212 小时前
React Native鸿蒙跨平台实现二维码联系人APP(QRCodeContactApp)
javascript·react native·react.js·ecmascript·harmonyos
pas1362 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
2601_949833392 小时前
flutter_for_openharmony口腔护理app实战+预约管理实现
android·javascript·flutter
军军君013 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
xiaoqi9224 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
qq_177767375 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
2603_949462105 小时前
Flutter for OpenHarmony社团管理App实战:预算管理实现
android·javascript·flutter
wuhen_n5 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon5 小时前
理解vue中的ref
前端·javascript·vue.js