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

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

运行结果如下

相关推荐
世人万千丶13 分钟前
鸿蒙Flutter Flex布局性能优化
学习·flutter·性能优化·harmonyos·鸿蒙·鸿蒙系统
乐橙开放平台13 分钟前
明厨亮灶笔记:乐橙轻应用 H5 + 小程序插件,一套 BFF 出两张播放凭证
人工智能·笔记·物联网·小程序·音视频·notepad++
qeen8733 分钟前
【C++】vector的模拟实现详解(二)
c++·学习·算法·迭代器·stl
YM52e1 小时前
鸿蒙 Flutter 渐变效果详解:LinearGradient、RadialGradient、SweepGradient
android·学习·flutter·华为·harmonyos·鸿蒙
左左右右左右摇晃1 小时前
手写Tomcat原理整理
java·开发语言·笔记·tomcat
YM52e1 小时前
鸿蒙 Flutter BoxDecoration装饰:打造精美UI效果
学习·flutter·ui·华为·harmonyos·鸿蒙
承渊政道2 小时前
【Python学习】(了解使用库、标准库、第三方库以及综合案例实操)
python·学习·pycharm·标准库·第三方库·使用库·综合案例
.Hypocritical.2 小时前
Maven笔记——2
java·笔记·maven
乐橙开放平台2 小时前
养殖 SaaS 笔记:乐橙 IoT 物模型管环境,视频 OpenAPI 管回看
数据库·笔记·物联网·mysql·音视频
YM52e3 小时前
鸿蒙Flutter Card组件:Material设计风格卡片
android·学习·flutter·华为·harmonyos·鸿蒙