uniapp项目引入 js文件以及全局使用方法

 更新时间:2023年12月07日 08:24:46   作者:嘿,小苹果  
这篇文章主要给大家介绍了关于uniapp项目引入 js文件以及全局使用方法的相关资料,在Uniapp中引入JS文件是一项常见的操作,文中通过代码示例介绍的非常详细,需要的朋友可以参考下

util.js 文件内容

//路径转化
function getPath(path) {
	return path?path.split('?').shift():path;
}

//计算两个时间之间的时间差 多少天时分秒
function intervalTime(startTime,endTime) {
    // var timestamp=new Date().getTime(); //计算当前时间戳
		if(startTime){
			startTime = startTime.replace(/-/g,'/')
		}
    var timestamp = (Date.parse(new Date(startTime)))/1000;//计算当前时间戳 (毫秒级)
    var date1 = timestamp; //开始时间

		if(endTime){
			endTime = endTime.replace(/-/g,'/')
		}
    var date2 = (Date.parse(new Date(endTime)))/1000; //结束时间
    // var date3 = date2.getTime() - date1.getTime(); //时间差的毫秒数
    var date3 =  (date2- date1)*1000; //时间差的毫秒数
    //计算出相差天数
    var days = Math.floor(date3 / (24 * 3600 * 1000));
		if(days < 0){
			days = days*(-1)
		}
		
    //计算出小时数
    var leave1 = date3 % (24 * 3600 * 1000); //计算天数后剩余的毫秒数
    var hours = Math.floor(leave1 / (3600 * 1000));
    //计算相差分钟数
    var leave2 = leave1 % (3600 * 1000); //计算小时数后剩余的毫秒数
    var minutes = Math.floor(leave2 / (60 * 1000));

    //计算相差秒数

    var leave3 = leave2 % (60 * 1000); //计算分钟数后剩余的毫秒数
    var seconds = Math.round(leave3 / 1000);
    // return   days + "天 " + hours + "小时 " + minutes + " 分钟" + seconds + " 秒"
    return   days + "天 " 
}

export {
	getPath,
	intervalTime
}

一、 全局引入

先在 main.js 文件 引入,main.js入口文件内容

import * as Util from '@/common/util.js'
//原型追加工具函数
Vue.prototype.$util = Util;

全局引入, 再在页面中使用

goBack() {			
	let status = false;
	let path = this.$util.getPath('/pages/index/index'); // 使用
	if (path == this.pageUrl || path == '/' + this.pageUrl) {
		status = true;
	}

}

二、 局部引入,在页面中引入使用

// template 中 使用
<view class="size_28">	
<text class="label">天数:</text>{{intervalTime('2022/12/12 12:12:12','2022/12/13 13:13:13')}}
</view>


// js 中 使用
import { intervalTime } from "@/common/util.js"

data(){
	return {
	  intervalTime:intervalTime
	}
},

总结 

到此这篇关于uniapp项目引入 js文件以及全局使用方法的文章就介绍到这了,更多相关uniapp引入 js文件全局使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

最新评论