vue获取yyyyMMddHHmmss格式的日期

vue如何获取年月日时分秒的日期格式

在Vue中获取当前的年月日时分秒，可以使用JavaScript的Date对象。以下是一个简单的例子，展示了如何在Vue组件中获取并展示当前的日期和时间：

<template>
  <div>
    <p>当前日期和时间：{{ currentDateTime }}</p>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      currentDateTime: this.getCurrentDateTime()
    };
  },
  methods: {
    getCurrentDateTime() {
      const now = new Date();
      const year = now.getFullYear();
      const month = this.padNumber(now.getMonth() + 1);
      const day = this.padNumber(now.getDate());
      const hours = this.padNumber(now.getHours());
      const minutes = this.padNumber(now.getMinutes());
      const seconds = this.padNumber(now.getSeconds());
      return (
        year + month + day + hours + minutes + seconds
      );
    },
    padNumber(num) {
      return num < 10 ? '0' + num : num;
    }
  }
};
</script>

在这个例子中，getCurrentDateTime 方法使用JavaScript的Date对象获取当前的年、月、日、小时、分钟和秒，然后调用padNumber方法来确保每个数字都是两位数字格式。最后将这些部分拼接成一个字符串，并在组件的数据中返回。在模板中，使用{{ currentDateTime }}来展示当前的日期和时间。

js获取yyyymmddhhmmss

以下是几种获取当前时间的代码实现方法。

使用JavaScript的Date对象和字符串操作方法获取当前时间的年、月、日、小时、分钟和秒：

var currentDate = new Date();
var year = currentDate.getFullYear().toString().padStart(4, '0');
var month = (currentDate.getMonth() + 1).toString().padStart(2, '0');
var day = currentDate.getDate().toString().padStart(2, '0');
var hour = currentDate.getHours().toString().padStart(2, '0');
var minute = currentDate.getMinutes().toString().padStart(2, '0');
var second = currentDate.getSeconds().toString().padStart(2, '0');
 
var yyyymmddhhmmss = year + month + day + hour + minute + second;
console.log(yyyymmddhhmmss); // e.g. "20220101123045"

使用JavaScript的Intl.DateTimeFormat对象格式化当前时间的年月日小时分钟秒数：

var options = {
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
  hour: '2-digit',
  minute: '2-digit',
  second: '2-digit'
};
 
var formatter = new Intl.DateTimeFormat('zh-CN', options);
var formattedDate = formatter.formatToParts(new Date());
var yyyymmddhhmmss = formattedDate[0].value + formattedDate[2].value + formattedDate[4].value + formattedDate[6].value + formattedDate[8].value + formattedDate[10].value;
console.log(yyyymmddhhmmss); // e.g. "20220101123045"

使用JavaScript的正则表达式匹配当前时间的年、月、日、小时、分钟和秒部分：

var currentDate = new Date().toLocaleString('zh-CN');
var matches = currentDate.match(/\d+/g);
var year = matches[0];
var month = matches[1].padStart(2, '0');
var day = matches[2].padStart(2, '0');
var hour = matches[3].padStart(2, '0');
var minute = matches[4].padStart(2, '0');
var second = matches[5].padStart(2, '0');
 
var yyyymmddhhmmss = year + month + day + hour + minute + second;
console.log(yyyymmddhhmmss); // e.g. "20220101123045"