当前位置: 首页 > news >正文

uniapp中picker 获取时间组件如何把年月日改成年月日默认时分秒为00:00:00

如图所示,uniapp中picker组件的日期格式为:

但后端要 2023-11-08 00:00:00格式

如何从2023-11-08转化为 2023-11-08 00:00:00:👇

const date = new Date(e.detail.value);//"2023-11-17"
date.setHours(0, 0, 0);
// 2. 使用Date对象的方法,获取年、月、日、小时、分钟和秒
const year = date.getFullYear();
const month = (date.getMonth() + 1).toString().padStart(2, '0');
const day = date.getDate().toString().padStart(2, '0');
const hours = date.getHours().toString().padStart(2, '0');
const minutes = date.getMinutes().toString().padStart(2, '0');
const seconds = date.getSeconds().toString().padStart(2, '0');
// 3. 构建格式化后的日期字符串
const formattedDateString = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;	             // 4.输出:2023-11-17 00:00:00

反之2023-11-08 00:00:00转化为2023-11-08

const date = new Date(time);//"2023-11-17 00:00:00"date.setHours(0, 0, 0);// 2. 使用Date对象的方法,获取年、月、日、小时、分钟和秒const year = date.getFullYear();const month = (date.getMonth() + 1).toString().padStart(2, '0');const day = date.getDate().toString().padStart(2, '0');const hours = date.getHours().toString().padStart(2, '0');const minutes = date.getMinutes().toString().padStart(2, '0');const seconds = date.getSeconds().toString().padStart(2, '0');return `${year}-${month}-${day}`; // 4.输出:2023-11-17

http://www.lryc.cn/news/223594.html

相关文章:

  • k8s operator
  • 使用io_uring
  • LeetCode算法题解(回溯)|LeetCode93. 复原 IP 地址、LeetCode78. 子集、LeetCode90. 子集 II
  • vue、react数据绑定的区别?
  • 前端Vue 页面滑动监听 拿到滑动的坐标值
  • CSS实现鼠标移至图片上显示遮罩层及文字效果
  • 【OpenCV实现图像:图像处理技巧之空间滤波】
  • 载波通讯电表的使用年限是多久?
  • 微信小程序多端应用 Donut 多端编译
  • 调试 Mahony 滤波算法的思考 10
  • Bean——IOC(Github上有代码)
  • 功能更新|Leangoo领歌免费敏捷工具支持SAFe大规模敏捷框架
  • 漏刻有时百度地图API实战开发(1)华为手机无法使用addEventListener click 的兼容解决方案
  • 交流信号继电器 DX-31BJ/AC220V JOSEF约瑟 电压启动 面板嵌入式安装
  • SpringCloudAlibaba系列之Nacos配置管理
  • Kyligence Copilot 亮相第六届进博会,增添数智新活力
  • MySQL 批量修改表的列名为小写
  • ElasticSearch 查询方法示例 java
  • 5G毫米波通信中的关键技术
  • 2.3.3 交换机的RSTP技术
  • 国外访问学者/博士后留学人员反诈骗指南
  • 设计模式之组合模式-创建层次化的对象结构
  • Windows 有趣功能集锦
  • 【nodejs版playwright】02-支持多套测试环环境执行用例
  • React高阶组件(Higher-Order Components, HOCs)
  • 利用RoboBrowser库和爬虫代理实现微博视频的爬取
  • 使用Redis实现缓存及对应问题解决
  • 【穿透科技】P2P穿透模块介绍
  • 中国第二批,11个大模型备案获批
  • 一文搞定多端开发,做全栈大牛 附三大企业实战项目