js 格式化时间为 2023-05-16T00:00:00Z

JavaScript 中，要将日期格式化为 "2023-05-16T00:00:00Z" 这种 ISO 8601 标准的时间字符串，你可以使用 `toISOString()` 方法，它会返回一个包含毫秒的完整 UTC 时间戳，包括时间部分和时区标识（`Z` 表示协调世界时）。如果你只是想展示日期部分，可以先创建一个 `Date` 对象，然后截取你需要的部分。

下面是一个例子：

let date = new Date(); // 当前时间
date.setUTCHours(0, 0, 0); // 设置为午夜，即 00:00:00
let formattedTime = date.toISOString().replace('T', '-') + 'Z'; // 移除"T"并添加"-"替换":"

console.log(formattedTime);

这将输出类似 "2023-05-16T00:00:00Z" 的格式。如果你想指定具体的年月日，可以直接设置 `setFullYear()`, `setMonth()`, 和 `getDate()` 方法。

相关问题

get请求时2023-03-28 00:10:03改变为2023-03-28%2000%3A10%3A03前端做法

在前端发送get请求时，可以使用JavaScript中的Date对象将时间转换为指定格式，然后将其作为请求参数发送。

例如：

let date = new Date('2023-03-28 00:10:03');
let formattedDate = date.toISOString(); //将时间转换为ISO格式，即2023-03-28T00:10:03.000Z
let url = `https://example.com/api?time=${formattedDate}`; //将格式化后的时间作为请求参数
fetch(url)
  .then(response => response.json())
  .then(data => console.log(data));

这样就可以将时间从2023-03-28 00:10:03改变为2023-03-28 00:10:03，并将其作为get请求的参数发送。

Nuxt.js怎么设置全局有效的时间nuxt-moment过滤器

要设置全局有效的时间过滤器，可以使用Nuxt.js的插件机制来实现。

1. 安装moment和nuxt-moment插件

npm install moment nuxt-moment --save

2. 创建插件文件

在`plugins`目录下创建一个名为`moment.js`的文件，内容如下：

import Vue from 'vue'
import moment from 'moment'

Vue.filter('formatDate', function(value, format) {
  if (value) {
    return moment(String(value)).format(format)
  }
})

这里定义了一个名为`formatDate`的过滤器，它接受两个参数：`value`表示要格式化的时间值，`format`表示格式化的字符串。如果`value`不为空，则使用`moment`库将其格式化为指定的字符串。

3. 注册插件

在`nuxt.config.js`文件中注册插件：

export default {
  plugins: [
    { src: '~/plugins/moment.js', ssr: false }
  ]
}

这里将`moment.js`作为插件注册到Nuxt.js应用中，并设置`ssr`为`false`，表示该插件只在客户端生效。

4. 使用过滤器

现在就可以在组件中使用`formatDate`过滤器了：

<template>
  <div>
    <p>{{ date | formatDate('YYYY-MM-DD') }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: '2022-01-01T00:00:00Z'
    }
  }
}
</script>

这里将`date`属性绑定到模板中，并使用`formatDate`过滤器将其格式化为`YYYY-MM-DD`的字符串。最终页面上显示的内容为`2022-01-01`。