微信小程序之日期计算器

前几天我朋友给我演示了一个计算手机购买天数的小工具,那么我们如何自己写一个呢?本次我来介绍一下,如何写一个日期计算的小程序。

一、代码前的准备

既然是关于时间的小程序,那么我们首先要用到一些关于JavaScript的Date函数,非常实用。点击这里查阅
为了避免文章太长,过于枯燥,我决定先把代码一并上齐,如果你想直接简单粗暴,操作看结果的就直接复制粘贴吧!!!!

二、小程序之JS篇

省略了JS文件的创建过程,我们直奔主题,上代码。
注意:本次实验中我们需要用到两张矢量图,便于Toast的提示,下载图片后放到page目录下即可,在 btnGetDays函数里面会用到这两张图,注意图片的引用位置哦~
在这里插入图片描述
在这里插入图片描述

// pages/date/date.js
const util = require('../../utils/util.js'); //引入时间函数
Page({
   

  /**
 1. 页面的初始数据
   */
  data: {
   
    time:0,
    days: 0,   //记录天数
    months:0,  //记录月份
    years:0,   //记录年份
  },

  /**
 2. 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   
    
  },
  //按键响应按钮获取当前的天数
  btnGetDays:function(){
   
    var that = this;
    //获取开始的毫秒数
    let date = new Date(this.data.date.replace(/-/g, '/')).getTime();
    //获取结束的毫秒数
    let dateNow = new Date(this.data.dateEnd.replace(/-/g, '/'))
    .getTime();
    //计算中间间隔时间
    let days = (dateNow - date)/(1000 * 3600 * 24); 
    let months = (days/30).toFixed(1);
    let years = (days / 365).toFixed(1);
    //判断是否是正数,如果是负数则返回失败
    if(days < 0){
   
      wx
  • 5
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值