Date 参考手册

方法

方法 描述
isLeapYear 判断是否为闰年
getSeason 获取季节
getDayOfYear 获取年份中的第几天
getDaysOfYear 获取年份总天数
format 将日期时间格式化为字符串

isLeapYear()

  • 类型：Function

  • 功能描述：判断是否为闰年

  • 参数：无

  • 返回值：boolean 是闰年，返回 true；否则返回 false

示例：

原生 JavaScript

<script type="text/javascript">
  var result = new Date('2000-04-11').isLeapYear(); // true
</script>

vue

<template>
  <div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
  setup() {
    const result: boolean = new Date('2000-04-11').isLeapYear() // false
  }
});
</script>

getSeason()

  • 类型：Function

  • 功能描述：获取季节

  • 参数：无

  • 返回值：number 依次返回 0 至 3 的整数，表示春季、夏季、秋季、冬季

示例：

原生 JavaScript

<script type="text/javascript">
  var result = new Date('2000-04-11').isLeapYear(); // 0
</script>

vue

<template>
  <div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
  setup() {
    const result: boolean = new Date('2022-01-11').isLeapYear() // 3
  }
});
</script>

getDayOfYear()

  • 类型：Function

  • 功能描述：获取年份中的第几天

  • 参数：无

  • 返回值：number 年份中的第几天

示例：

原生 JavaScript

<script type="text/javascript">
  var result = new Date('2022-02-11').getDayOfYear(); // 42
</script>

vue

<template>
  <div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
  setup() {
    const result: number = new Date('2022-03-01').getDayOfYear(); // 61
  }
});
</script>

getDaysOfYear()

  • 类型：Function

  • 功能描述：获取年份总天数

  • 参数：无

  • 返回值：number 年份总天数

示例：

原生 JavaScript

<script type="text/javascript">
  var result = new Date('2022-02-11').getDaysOfYear(); // 365
</script>

vue

<template>
  <div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
  setup() {
    const result: number = new Date('2020-02-11').getDaysOfYear() // 366
  }
});
</script>

format(format: string)

  • 类型：Function

  • 功能描述：将日期时间格式化为字符串

  • 参数：format - String format 格式字符串

      y - 年

  n - 季度（1 到 4）

  N - 季度名称

  A - 季度中文名称

  M - 月

  f - 月（Jan 到 Dec）

  F - 月（January 到 December）

  C - 月，中文名称

  d - 日

  Y - 年份中的第几天（0 到 365）

  T - 月份有几天（28 到 30）

  j - 每月天数后面的英文后缀（st，nd，rd 或者 th）

  e - 星期几，数字表示，0（表示星期天）到 6（表示星期六）

  E - 星期几，数字表示，1（表示星期一）到 7（表示星期天）

  l - 星期几，文本表示，3 个字母（Mon 到 Sun）

  L - 星期几，完整的文本格式（Sunday 到 Saturday）

  w - 星期几，中文名称

  W - 一月中第几个星期几

  i - 月份中的第几周

  o - 年份中的第几周

  h - 小时(1~12)

  H - 小时(0~23)

  m - 分

  s - 秒

  S - 毫秒

  a - 上午/下午标记

  O - 与格林威治时间相差的小时数

  P - 与格林威治时间相差的小时数，小时和分钟之间有冒号分隔
  
  Z - 时区

  • 返回值：string 格式化后的日期时间

示例：

原生 JavaScript

<script type="text/javascript">
  var result = new Date('2022-01-11').format("f-dd,yyyy"); // Jan-11,2022
</script>

vue

<template>
  <div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
  setup() {
    const result: string = new Date('2022-01-11').format("f-dd,yy"); // Jan-11,22
  }
});
</script>
Array
Document