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]}`);
相关推荐
海阔天空668814 分钟前
uniapp开启调试模式
uni-app·uniapp开启调试模式
anyup18 小时前
分享 5 套 uni-app 实用主题,一键适配暗黑模式
前端·uni-app·视觉设计
gg159357284601 天前
Uni-app跨平台开发全解课程:从零基础到企业级多端落地实战
vue.js·uni-app
xshirleyl2 天前
uniapp小兔鲜儿day3
uni-app
Geek_Vison3 天前
2026 跨端框架横评:FinClip、Taro、uni-app、Remax、mPaaS 五款工具技术+业务双维度测评
小程序·uni-app·taro·mpaas·小程序容器
RuoyiOffice3 天前
从 0 到 1 搭建 RuoyiOffice:30 分钟跑通后端+前端+移动端
前端·spring boot·uni-app·开源·oa·ruoyioffice·hrm
Geek_Vison3 天前
APP集成了50多个小程序后,如何搭建一个小程序管理平台来管理这些小程序~
小程序·uni-app·apache·mpaas·小程序容器
梦曦i4 天前
uni-router v1.1.1发布:守卫超时保护+路由监听
前端·uni-app
梦曦i4 天前
全面解析uni-router v1.2.0功能
前端·uni-app
不如摸鱼去4 天前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
ui·小程序·uni-app