uniapp获取当前时间并以2024-03-25 14:20格式显示

在UniApp中，你可以使用`uni.showToast` API 来获取当前时间，并将其格式化为你想要的形式，例如 "2024-03-25 14:20"。下面是一个简单的示例：

// 获取当前日期和时间
let now = new Date();

// 设置日期格式
let year = now.getFullYear();
let month = ('0' + (now.getMonth() + 1)).slice(-2); //注意月份从0开始计数
let day = ('0' + now.getDate()).slice(-2);
let hour = ('0' + now.getHours()).slice(-2);
let minute = ('0' + now.getMinutes()).slice(-2);

// 格式化字符串
const formattedTime = `${year}-${month}-${day} ${hour}:${minute}`;

// 使用 UniApp 的 toast 显示格式化的时间
uni.showToast({
  message: '当前时间为：' + formattedTime,
  duration: 2000, // 消息停留2秒
});

相关问题

uniapp获取系统时间实现动态显示

UniApp是一款基于Vue.js的跨平台开发框架，它允许开发者构建一次代码，同时发布到iOS、Android等多个平台上。在UniApp中获取系统当前时间并动态显示，你可以通过使用`uni.getSystemInfoSync()`方法获取设备信息，其中包括日期和时间。下面是一个简单的示例：

Page({
  data() {
    return {
      currentTime: ''
    };
  },
  onLoad() {
    // 获取系统时间和日期
    const systemTime = uni.getSystemInfoSync().time;
    this.currentTime = new Date(systemTime).toLocaleString(); // 格式化时间
    setInterval(() => {
      this.currentTime = new Date(uni.getSystemInfoSync().time).toLocaleString();
    }, 1000); // 每秒更新一次
  },
  onShow() {
    this.updateCurrentTime(); // 初始化加载页面时也更新一次时间
  },
  updateCurrentTime() {
    this.currentTime = new Date(uni.getSystemInfoSync().time).toLocaleString();
  }
},

在这个例子中，`onLoad`生命周期钩子会在页面加载时获取时间，然后`setInterval`每秒调用`updateCurrentTime`方法刷新显示的时间。`toLocaleString`函数用于将日期时间格式化为本地字符串。

uniapp实时显示当前时间

在UniApp中实时显示当前时间，你可以使用Vue.js的数据绑定和生命周期钩子函数来实现。

首先，你可以在Vue组件中定义一个data属性来保存当前时间的值。你可以使用JavaScript的Date对象来获取当前时间。然后，使用Vue的生命周期钩子函数created，在组件创建后立即获取当前时间，并将其赋值给data属性。

接下来，你可以使用Vue的数据绑定将当前时间显示在页面上。在模板中，你可以使用双花括号语法{{}}来显示data属性中的值。

下面是一个示例代码：

<template>
  <div>
    <p>当前时间：{{ currentTime }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: ''
    }
  },
  created() {
    this.getCurrentTime();
    setInterval(() => {
      this.getCurrentTime();
    }, 1000);
  },
  methods: {
    getCurrentTime() {
      const now = new Date();
      const year = now.getFullYear();
      const month = now.getMonth() + 1;
      const day = now.getDate();
      const hour = now.getHours();
      const minute = now.getMinutes();
      const second = now.getSeconds();
      this.currentTime = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
    }
  }
}
</script>

在上面的代码中，created钩子函数用于在组件创建后立即获取当前时间，并通过setInterval函数每秒钟更新一次。getCurrentTime方法用于获取当前时间，并将其赋值给currentTime属性。然后，通过数据绑定将currentTime的值显示在页面上。

这样，当你在UniApp中使用这个组件时，它会实时显示当前时间。<span class="em">1</span>
#### 引用[.reference_title]
- *1* [uniapp实现横向滚动选择日期](https://download.csdn.net/download/weixin_38611877/14671412)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]