vue获取系统默认的年月日时分秒

r囧r小猫 2022-08-29 15:51 371阅读 0赞

<template>
      <div class="container">
        <div>当前系统时间：{
        { dateTime }}</div>
      </div>
    </template>
    <script>
    export default {
      data() {
        return {
          dateTime: "",
        };
      },
      created() {
        this.Date();
      },
      methods: {
        //获取当前年月日
        // Date() {
        //   const nowDate = new Date();
        //   const date = {
        //     year: nowDate.getFullYear(),
        //     month: nowDate.getMonth() + 1,
        //     date: nowDate.getDate(),
        //   };
        //   const newmonth = date.month > 10 ? date.month : "0" + date.month;
        //   const day = date.date > 10 ? date.date : "0" + date.date;
        //   this.dateTime = date.year + "-" + newmonth + "-" + day;
        // },
    
        //获取当前年月日时分秒
        Date() {
          const nowDate = new Date();
          const date = {
            year: nowDate.getFullYear(),
            month: nowDate.getMonth() + 1,
            date: nowDate.getDate(),
            hours: nowDate.getHours(),
            minutes: nowDate.getMinutes(),
            seconds: nowDate.getSeconds(),
          };
    
          const newmonth = date.month > 10 ? date.month : "0" + date.month;
          const newday = date.date > 10 ? date.date : "0" + date.date;
          const newminutes = date.minutes > 10 ? date.minutes : "0" + date.minutes;
          const newseconds = date.seconds > 10 ? date.seconds : "0" + date.seconds;
          //   const newminutes = date.minutes < 10 ? "0" + date.minutes : date.minutes;
          //   const newseconds = date.seconds < 10 ? "0" + date.seconds : date.seconds;
    
          this.dateTime =
            date.year +
            "-" +
            newmonth +
            "-" +
            newday +
            " " +
            date.hours +
            ":" +
            newminutes +
            ":" +
            newseconds;
        },
      },
    };
    </script>

![fd346af2ee4cf585ebeb1edd098a3e54.png][]

[fd346af2ee4cf585ebeb1edd098a3e54.png]: /images/20220829/64a23ad7ac594e5fab347cb2cb2bf43e.png