<script setup>
const state = reactive({

      date: '',

      time: '',

      week: '',

      showIndex: 0

    })
    // 获取时间接口

    const getTime = async () => {

      var myDate = new Date()

      let month = (myDate.getMonth() + 1).toString().padStart(2, '0')

      let day = myDate.getDate().toString().padStart(2, '0')

      let hour = myDate.getHours().toString().padStart(2, '0')

      let minutes = myDate.getMinutes().toString().padStart(2, '0')

      let seconed = myDate.getSeconds().toString().padStart(2, '0')

      state.date = myDate.getFullYear() + '-' + month + '-' + day

      state.time = hour + ':' + minutes + ':' + seconed
      console.log(state)

    }
     setInterval(() => {

      getTime()

    }, 1000)


  // 获取当前星期几

    const getWeekDate = () => {

      var now = new Date()

      var day = now.getDay()

      var weeks = [

        '星期日',

        '星期一',

        '星期二',

        '星期三',

        '星期四',

        '星期五',

        '星期六'

      ]

      state.week = weeks[day]

    }
setInterval(() => {

      getWeekDate()

    }, 1000 * 60 * 60 * 24)
</script>

vue使用

<el-form-item label="">
          采集服务器时钟：
          {{state.date+state.time}}
          <el-button @click="syncFunction(1)" type="primary" icon="el-icon-time"
            >同步时钟</el-button
          >
        </el-form-item>