前几天我朋友给我演示了一个计算手机购买天数的小工具,那么我们如何自己写一个呢?本次我来介绍一下,如何写一个日期计算的小程序。
一、代码前的准备
既然是关于时间的小程序,那么我们首先要用到一些关于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