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

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

其实方法很简单,小程序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 条评论
登录 后参与评论

相关文章

来自专栏互联网杂技

【小教程】教你拿出app中的图片资源

有一种方法通过ipa或apk包来获得每个资源的切图,今天就来简单介绍下。因为有的同学还不知道这个方法,尤其是没有技术背景的同学(我司UI妹子得知这个方法如获至宝...

29950
来自专栏HaHack

jQuery-based Local Search Engine for Hexo

12340
来自专栏Samego开发资源

第一次编写bat脚本

34740
来自专栏CRPER折腾记

Vue 折腾记 - (11) @Vue/Cli 3.0.0 图形化项目管理,相当人性化

点击顶部tab的Create进入初始化界面, 点击Create a new project here进入新项目初始化

19720

Eclipse的BIRT:使用Design Engine API

假设您已经在名为“customers”的报告设计文件中将表格定义为报告项目。顾名思义,该表格用于显示示例数据库中的所有客户。此外,它还有一个用于按照国家来对项目...

32520
来自专栏python爬虫日记

python2.7下同步华为云照片的爬虫程序实现

随着华为手机的销量加大,华为云的捆绑服务使用量也越来越广泛,华为云支持自动同步照片、通讯录、记事本等,用着确实也挺方便的,云服务带来方便的同时,也带来了数据管理...

22640
来自专栏Golang语言社区

Go语言TCP Socket编程--1

Go语言TCP Socket编程 Golang的 主要 设计目标之一就是面向大规模后端服务程序,网络通信这块是服务端 程序必不可少也是至关重要的一部分。在日常应...

57960
来自专栏米扑专栏

Python+Selenium2 搭建自动化测试环境

331110
来自专栏hbbliyong

WPF备忘录(4)打个勾画个叉娱乐下

<Path Grid.Column="2" Data="M43,5 L20,40 20,40 0,20 6,15 18,26 37,7 43,5 z" Fil...

33740
来自专栏BinarySec

搭建一个Hexo博客

0x00 背景 一直想搭建一个自己的博客,之前在Aliyun虚拟主机上搭了一个WordPress+MySQL的个人博客。后来维护成本太大,主机和域名都没有续费被...

1.1K80

扫码关注云+社区

领取腾讯云代金券