@[TOC](前端将Sun Jul 09 2023 06:02:07 GMT+0800 (中国标准时间) 时间格式转换为yyyy-mm - dd HH:mm:ss以及时间戳等等)
一、将GMT格式转换为yyyy-mm-dd传递给后端
<template></template>
<script lang="ts" setup>
import {
reactive, toRefs, onBeforeMount, onMounted } from 'vue';
interface DataProps {
}
export default {
name: '',
setup() {
function exportExcel() {
// dateTime需要转换的时间格式
time = new Date(dateTime);
// 判断时分秒是否大于10 若大于10则往前补0
const h = time.getHours() < 10 ? '0' + time.getHours() : time.getHours();
const m =
time.getMinutes() < 10 ? '0' + time.getMinutes() : time.getMinutes();
const s =
time.getSeconds() < 10 ? '0' + time.getSeconds() : time.getSeconds();
// 字符串拼接后的格式
let datetime =
time.getFullYear() +
'-' +
(time.getMonth() + 1) +
'-' +
time.getDate() +
' ' +
h +
':' +
m +
':' +
s;
// 请求后端接口并将datetime参数传递给后端
export(
datetime
).then(() => {
// 成功后的操作
...
});
}
},
};
</script>
<style scoped></style>
二、将new Date格式转换为时间戳传递给后端
<template></template>
<script lang="ts" setup>
import {
reactive, toRefs, onBeforeMount, onMounted } from 'vue';
interface DataProps {
}
export default {
name: '',
setup() {
function doCheckout(isRevoke: boolean) {
// 将time转换为时间戳格式
time = Date.parse(new Date(dateTime))
// 请求后端接口
export(time).then(() => {
// 成功后的操作
});
}
},
};
</script>
<style scoped></style>
三、将new Date 转换为GMT格式
<template></template>
<script lang="ts" setup>
import {
reactive, toRefs, onBeforeMount, onMounted } from 'vue';
interface DataProps {
}
export default {
name: '',
setup() {
function doCheckout(isRevoke: boolean) {
// dateTime转换为GMT时间格式
time = new Date(dateTime).toGMTString();
// 判断时分秒是否大于10 若大于10则往前补0
const h = time.getHours() < 10 ? '0' + time.getHours() : time.getHours();
const m =
time.getMinutes() < 10 ? '0' + time.getMinutes() : time.getMinutes();
const s =
time.getSeconds() < 10 ? '0' + time.getSeconds() : time.getSeconds();
// 请求后端接口
export(
datetime
).then(() => {
// 成功后的操作
});
}
},
};
</script>
<style scoped></style>
四、将new Date 转换为字符串
<template></template>
<script lang="ts" setup>
import {
reactive, toRefs, onBeforeMount, onMounted } from 'vue';
interface DataProps {
}
export default {
name: '',
setup() {
function doCheckout(isRevoke: boolean) {
// dateTime转换为字符串
time = new Date(dateTime).toString();
// 判断时分秒是否大于10 若大于10则往前补0
const h = time.getHours() < 10 ? '0' + time.getHours() : time.getHours();
const m =
time.getMinutes() < 10 ? '0' + time.getMinutes() : time.getMinutes();
const s =
time.getSeconds() < 10 ? '0' + time.getSeconds() : time.getSeconds();
// 请求后端接口
export(
datetime
).then(() => {
// 成功后的操作
});
}
},
};
</script>
<style scoped></style>
五、更多的时间格式请查看MDN
总结:
- MDN中Date转换方法
- 分清GMT和CST等时间格式(以及时区转换的问题)