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

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

运行结果如下

相关推荐
冬夜戏雪2 分钟前
实习面经摘录(七)
学习
程序媛徐师姐17 分钟前
Java基于微信小程序的线上教育商城,附源码+文档说明
java·微信小程序·线上教育商城小程序·java线上教育商城小程序·线上教育商城微信小程序·线上教育小程序·线上教育微信小程序
星幻元宇VR23 分钟前
沉浸式体验:VR交通安全学习机的教育魅力
科技·学习·vr·虚拟现实
醇氧23 分钟前
Spring AI Alibaba 学习(一) 集成阿里云百炼大模型应用
java·学习·spring
Nan_Shu_61425 分钟前
学习: 尚硅谷Java项目之小谷充电宝(4)
学习
71-334 分钟前
VMware没网的处理方式
笔记·学习
Hello_Embed37 分钟前
LVGL 入门(四):大小坐标与盒子模型
前端·笔记·stm32·单片机·嵌入式
微露清风38 分钟前
系统性学习Linux-第五讲-基础IO
linux·运维·学习
風清掦39 分钟前
【江科大STM32学习笔记-08】DMA直接存储器存取
笔记·stm32·单片机·嵌入式硬件·学习
Nan_Shu_6141 小时前
学习: 尚硅谷Java项目之小谷充电宝(5)
学习