vue获取当前的年月日时分秒

￡神魔★判官ぃ 2022-09-02 08:10 522阅读 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][]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70]

[fd346af2ee4cf585ebeb1edd098a3e54.png]: /images/20220829/0e3ef90920c84412b7ca8d0da163ff9b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70]: /images/20220829/7ad57d54b1e34b1db12836af3026022b.png