【无标题】

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'])

相关推荐
玫城2 分钟前
[ VUE ] 封装通用数组校验组件,el-input内使用
前端·javascript·vue.js
弓.长.4 小时前
React Native 鸿蒙跨平台开发:实现一个多功能单位转换器
javascript·react native·react.js
南半球与北海道#4 小时前
前端打印(三联纸票据打印)
前端·vue.js·打印
摘星编程5 小时前
React Native for OpenHarmony 实战:ToggleSwitch 切换开关详解
javascript·react native·react.js
满栀5855 小时前
分页插件制作
开发语言·前端·javascript·jquery
qq_406176145 小时前
深入剖析JavaScript原型与原型链:从底层机制到实战应用
开发语言·前端·javascript·原型模式
弓.长.6 小时前
React Native 鸿蒙跨平台开发:BottomSheet 底部面板详解
javascript·react native·react.js
摘星编程6 小时前
React Native for OpenHarmony 实战:Permissions 权限管理详解
javascript·react native·react.js
闲蛋小超人笑嘻嘻6 小时前
Vue 插槽:从基础到进阶
前端·javascript·vue.js
摘星编程6 小时前
React Native for OpenHarmony 实战:SearchBar 搜索栏详解
javascript·react native·react.js