js 获取指定时间+时间戳展示时分秒

最新推荐文章于 2024-09-11 10:01:24 发布

小刘先生很努力

最新推荐文章于 2024-09-11 10:01:24 发布

阅读量979

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/lzfengquan/article/details/132078803

版权

文章讲述了在开发过程中遇到的客户需求，即要求将时间以年月日格式显示，但实际后端需要的是时分秒格式。作者分享了如何使用JavaScript处理这种日期格式转换，包括封装的getDate方法和根据用户操作动态设置时间的逻辑。

摘要由CSDN通过智能技术生成

开发中遇见了一个客户比较扯淡的需求
明明有可以选择时分秒的操作非不要就要懒省事，必须是一个时间显示成选中的年月日，但是时间格式要给后端传待时分秒的格式，列表展示也要带时分秒。
所以就处理了

 let DATE: any = new Date(); // 当前日期
 let timestamp = Date.parse(DATE);
 let now = new Date(timestamp);
 console.log(timestamp);

在这里插入图片描述

 function getData(n) {
	  let now = new Date(n),
	    y = now.getFullYear(),
	    m = now.getMonth() + 1,
	    d = now.getDate();
	  return y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d) + " " + now.toTimeString().substr(0, 8);
}
getData(1691031289000) //

在这里插入图片描述上述封装了一个简单的日期转换，就足够用了
然后就是处理日期拼接。发现我们只要时分秒就可以了。

处理为：选中的时间 + " " + 选中的时间.toTimeString().substr(0, 8); 即是我们要的时间。

选中的时间 + " " + 选中的时间.toTimeString().substr(0, 8); 即是我们要的时间。


if ('cgTime' in changedFields) { // 判断是否点击了时间弹框，如果点击了就可以拿到选中的时间，如果没有就设置为空
  let cgTime = ''; // 选中的时间初始为空
  let DATE: any = new Date();
  const timestamp = Date.parse(DATE);
  let now = new Date(timestamp);
  if (changedFields.cgTime) {
    cgTime = changedFields.cgTime + ' ' + now.toTimeString().substr(0, 8);
    console.log(cgTime, 'cgTimecgTimecgTime');
  } else {
    this.formRef.setFieldsValue({
      cgTime: null,
    });
  }
  this.formRef.setFieldsValue({
    cgTime,
  });
}