uniapp获取日期

1.使用new Date()方法获取系统今天的日期,显示格式为:2023-10-28

复制代码
<template>
    <view class="content">
        {{date}}
    </view>
</template>
<script>
    export default {
        data() {
            return {
                date: new Date().toISOString().slice(0, 10),
            }
        },
        onLoad() {
        },
        methods: {}
    }
</script>
<style>
</style>

2.单独获取年、月、日

复制代码
// 获取当前日期
let currentDate = new Date();
 
// 获取月份
let month = currentDate.getMonth() + 1;
 
// 获取日
let day = currentDate.getDate();
 
// 打印月日
console.log(`当前月日:${month}月${day}日`);

3.获取当前星期

复制代码
// 获取当前日期
let currentDate = new Date();
 
// 星期数组
let weekDays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
 
// 获取星期
let weekDay = currentDate.getDay();
 
// 打印星期
console.log(`当前星期:${weekDays[weekDay]}`);
相关推荐
千逐681 天前
Uniapp 鸿蒙实战之 AtomGit APP - 仓库详情与文件树浏览
服务器·microsoft·uni-app
万物得其道者成1 天前
uni-app App 热更新实现指南:从接口检查到下载安装重启(附带AI提示词)
uni-app
anyup1 天前
uView Pro 正式支持 MCP 协议!让 AI 秒懂你的组件库
前端·uni-app·ai编程
千逐681 天前
Uniapp 鸿蒙实战之 AtomGit APP - 首页设计与仓库列表实现
华为·uni-app·harmonyos
天丁o2 天前
Spring Boot + uni-app 智慧考勤闭环 Demo:打卡记录、异常状态和日统计如何复用到企业系统
spring boot·uni-app·mybatis plus·企业管理系统·考勤系统
这是个栗子2 天前
uni-app 微信小程序开发:常用事件指令(@xxx)(一)
微信小程序·小程序·uni-app
小徐_23336 天前
Wot UI 2.2.0 发布:Button 新增 subtle,VideoPreview 预览体验继续增强
前端·微信小程序·uni-app
宸翰7 天前
解决 uni-app App 端 vue-i18n 占位符丢失:封装跨端可用的 tf 格式化方法
前端·vue.js·uni-app
时光足迹8 天前
uni-app 视频通话实战:康复师与患者视频问诊的 6 个致命 Bug 与解决方案
android·ios·uni-app
时光足迹8 天前
腾讯云 TRTC UniApp SDK 从入门到上线
前端·vue.js·uni-app