专栏首页编程微刊小程序获取当前日期和时间点的方法

小程序获取当前日期和时间点的方法

需求:获取系统当前年月日和时分秒,并且显示在界面。如下图所示:

其实方法很简单,小程序API里面也有一定的介绍。

1:准备好要获取时间的.js文件中加载util.js文件,文件目录中有默认的代码

2: wxml:

<view>{{time}}</view>

3:在需要使用的js文件中,导入jsvar util = require('../../utils/util.js'); js:

var util = require('../../utils/util.js');
Page({
  data: {

  },
  onLoad: function () {
    // 调用函数时,传入new Date()参数,返回值是日期和时间
    var time = util.formatTime(new Date());
    // 再通过setData更改Page()里面的data,动态更新页面的数据
    this.setData({
      time: time
    });
  }

})

4:wxss里面再写一点小样式

.item-container{
 border: 5px solid #ffffff;
  height: 110rpx;
  line-height: 110rpx;
  margin-bottom:4rpx;
  text-align: center; 
  background: #f4932a;
  color: #ffffff;
}

注意:本篇写的是小程序获取当前时间点和日期的方法,不是时间计时器,如果想看小程序时间计时或者类似于淘宝倒计时秒杀,请关注下一篇。

原文作者:祈澈姑娘 90后前端妹子,爱编程,爱运营,爱折腾。坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Node.js自学笔记之回调函数

    王小婷
  • 微信小程序显示当前系统年月日时分秒

    2:打开项目里面默认生成的util.js 这里可以看到,代码已经写好了,我们只需要引用就行了

    王小婷
  • 一份来自前端开发工程师的规范简历

    王小婷
  • 开发者必备的12个JavaScript库

    现在 web 设计是最有趣的了,做好 web 设计不仅要熟练使用 Javascript,css 和 html 等,还要有自己的创意设计。为了方便大家发挥自己的创...

    李海彬
  • 那些前端常用的网站插件

    这套工具集中的大部分你可能见过,也可能没见过,如果有哪个/些让你眼前一亮,那么我的分享就很值了。 这个列表包含许多种类的资源,所以这里我将它们分组整理。 Jav...

    企鹅号小编
  • Linux基础之xargs命令的入门实例

    xargs命令有两个要点。第一,你必须列出目标文件。第二,你必须指定对每个文件需要执行的命令或脚本。

    砸漏
  • 2020前端智能化趋势:tensorflow.js生态

    hi,大家好~我是shadow,一枚设计师/全栈工程师/算法研究员,目前主要研究方向是人工智能写作和人工智能设计,当然偶尔也会跨界到人工智能艺术及其他各种AI产...

    mixlab
  • 如何处理SAP Fiori Launchpad KPI tile点击后出现的错误消息

    点击了SAP Fiori Launchpad KPI tile后一个典型的错误消息:

    Jerry Wang
  • 独家 | 在浏览器中使用TensorFlow.js和Python构建机器学习模型(附代码)

    本文首先介绍了TensorFlow.js的重要性及其组件,并介绍使用其在浏览器中构建机器学习模型的方法。然后,构建使用计算机的网络摄像头检测身体姿势的应用程序。

    数据派THU
  • 对于零基础同学来讲,javascript有多难掌握?

    你是零基础,那么你用什么方式,可以快速的实现js的运用自如呢? Javascript是一门脚本语言,它没有复杂的内存管理,只有一个进程,变量随便什么都可以储存...

    web前端教室

扫码关注云+社区

领取腾讯云代金券