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]}`);
相关推荐
lhldsg4 小时前
家政派单系统开发实战:从需求分析到智能调度全流程指南
java·junit·小程序·uni-app·需求分析
PedroQue998 小时前
v2.6.0 新增全局返回守卫与 iOS 侧滑拦截,补齐跨端路由拦截能力
前端·uni-app
蜡台16 小时前
Uniapp 开发H5 页面跳转拦截
前端·javascript·uni-app
宠友信息1 天前
内容社区源码开发实践解析,用Spring Boot打造1:1仿小红书源码平台
java·spring boot·redis·websocket·mysql·spring·uni-app
梦曦i1 天前
Vue-Router 2.4.0 新增可控重定向功能
前端·uni-app
郑州光合科技余经理1 天前
海外版外卖系统架构:订单怎么流转、权限怎么分
java·开发语言·前端·系统架构·uni-app·php·ai编程
qq_316837752 天前
uniapp 安卓/H5 使用 contentEditable 属性 富文本编辑器
android·javascript·uni-app
小满zs2 天前
关于HBuilderX+ 微信小程序开发工具启动的问题
前端·uni-app
sunphp开发者3 天前
制作手绘地图瓦片切图
前端·uni-app
梦曦i4 天前
RouterLink v2.5.0:H5端原生能力全面回归
前端·uni-app