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]}`);
相关推荐
梦曦i3 小时前
@meng-xi/create-uni-app vs unibest:轻量脚手架与重型框架的定位之争
前端·uni-app
2501_9151063218 小时前
iOS数据采集技术详解:从性能监控到崩溃分析的全链路实践
android·ios·小程序·https·uni-app·iphone·webview
我爱写代码i1 天前
AI对话绘画数字人源码 - uniapp前端
前端·人工智能·uni-app
ModyQyW1 天前
vite-plugin-uni-pages 更新了什么
前端·uni-app
2501_915918412 天前
Flutter项目配置iOS混淆的详细步骤与工具推荐
android·flutter·ios·小程序·uni-app·cocoa·iphone
梦曦i2 天前
create-uni-app v1.2.0:交互体验优化
前端·uni-app
lhldsg2 天前
智慧场馆解决方案小程序开发实战:从架构设计到部署指南
java·小程序·uni-app
skiyee2 天前
🚀 用 17 行代码给 UniApp 加上全局登录拦截
前端·uni-app
Mark108593 天前
【踩坑】Uni-app微信小程序自定义组件在 Flex 布局中未铺满整行
微信小程序·小程序·uni-app
梦曦i3 天前
create-uni-app v1.1.0:结构化生成,工程骨架更规范
前端·uni-app