【练习】 条件判断输出

题目要求:

题目要求

代码实现:

既然要处理时间戳,那么肯定需要使用new Date()创建日期对象,可以试试直接把时间戳传到 WXML 模板中,直接在模板里用时间戳生成日期对象再进行数据处理。

首先在wxml中构建页面结构、条件判断逻辑。

<!--index.wxml-->
<view class="container">
  <view>
  <block wx:if='{{date%2==0}}'>双数天{{date}}:年月日:{{year}}-{{month}}-{{date}}
  </block>
  <block wx:else>单数天{{date}}:时分秒:{{hour}}:{{minute}}:{{second}}</block>
  </view>
</view>

然后在js文件中绑定数据。

//index.js
//获取应用实例
const app = getApp()
let timestamp = 1514736000000 + parseInt(Math.random() * 8640000000);
let myDate = new Date(timestamp);

Page({
  data: {
    timestamp: timestamp,
    year: myDate.getFullYear(),
    month: myDate.getMonth() + 1,
    date: myDate.getDate(),
    hour: myDate.getHours(),
    minute: myDate.getMinutes(),
    second: myDate.getSeconds(),
  },

最终期望页面输出为:

输出结果1

输出结果2
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容