学习笔记——微信小程序读取当前时间

html 复制代码
 <view class="box">
       <text>日期:</text>
       <view class="date">{{obtaindate}}</view>
 </view>

wxml中定义了一个文本元素,通过{{obtaindate}}获取js页面传递的日期数据

javascript 复制代码
data:{
    obtaindate:""
},
onload:function(){
    let date= new Date;
    let year = date.getfullYear();
    let mounth = date.getmounth();
    let day = date.getday();
    let obtaindate = "$year-$mounth-$day";
    this.setDate({
        obtaindate:obtaindate
});
},

js页面中定义了一个date,通过该对象获取年月日,并将其拼接起来,通过this.setDate方法将拼接好的日期写入页面中

运行结果如下

相关推荐
边境悍匪4 分钟前
蜗牛学苑 Java 智能体学习 Day39|SpringAI 会话存储、Function‑Call 工具调用、MCP 思维导图复盘
java·开发语言·spring boot·学习·阿里云
志尊宝40 分钟前
Vue3 零基础每日笔记(015):条件渲染 v-if 与 v-show——控制 DOM 生死还是控制显隐
前端·vue.js·笔记
woodykissme41 分钟前
齿轮测量系列——齿轮测量这二十年
学习·机械·齿轮检测
sunshine22 girl1 小时前
Java学习一 环境配置3 Idea中的maven仓库,pom.xml文件配置
学习·maven·intellij-idea
GIS好难学3 小时前
想转GIS开发,企业会卡专业背景吗?
学习·gis·gis开发·webgis
老猿讲编程3 小时前
【Eclipse OpenSOVD学习之十四】差距清单与演进建议
学习·rust·eclipse·车载·sovd
传奇开心果编程3 小时前
【Xilem 0.4 基础语法学与练】第17课:Lens 机制——状态切片与子组件复用
学习·rust·前端框架
liaozhilong883 小时前
【技术笔记】让CodeMaker自动分析dump
笔记
自小吃多3 小时前
PCB布线叠层与阻抗设计笔记
笔记·嵌入式硬件
AI职业加油站5 小时前
2026大数据运维行业趋势复盘:大数据运维工程师赋能发展
大数据·运维·人工智能·学习·数据分析·职场发展