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

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方法将拼接好的日期写入页面中

运行结果如下

相关推荐
tcdos3 小时前
不止扫码 — 微信生态深度融合(登录 + 支付 + 消息)
后端·微信小程序
小徐_233317 小时前
Wot UI 2.2.0 发布:Button 新增 subtle,VideoPreview 预览体验继续增强
前端·微信小程序·uni-app
蜗牛前端3 天前
codex 全流程开发上线的高颜值礼簿小程序
前端·微信小程序
RainCity3 天前
Java Swing 自定义组件库分享(十二)
java·笔记·后端
爱勇宝7 天前
我想认真做一件小事:让孩子和家长更好地互动
微信小程序·小程序·云开发
唯火锅不可辜负7 天前
避坑指南:iOS 下 scroll-view 嵌套 fixed 布局的“翻车”现场与修复
微信小程序
didiplus7 天前
运维人的随身神器:我把25个常用工具塞进了微信小程序
微信小程序
一份执念8 天前
uni-app 小程序分包限制处理与主包体积优化实战
前端·微信小程序
一份执念8 天前
ECharts 安装与使用完全指南:从全量引入到小程序分包优化
微信小程序·echarts
skiyee9 天前
🔥UniApp 仅需 5 行代码!实现所有页面中控制应用主题变化
前端·微信小程序