快捷導(dǎo)航

uniapp項(xiàng)目引入?js文件以及全局使用方法

更新時(shí)間：2023年12月07日 08:24:46 作者：嘿，小蘋(píng)果

這篇文章主要給大家介紹了關(guān)于uniapp項(xiàng)目引入?js文件以及全局使用方法的相關(guān)資料,在Uniapp中引入JS文件是一項(xiàng)常見(jiàn)的操作,文中通過(guò)代碼示例介紹的非常詳細(xì),需要的朋友可以參考下

util.js 文件內(nèi)容

//路徑轉(zhuǎn)化
function getPath(path) {
	return path?path.split('?').shift():path;
}

//計(jì)算兩個(gè)時(shí)間之間的時(shí)間差 多少天時(shí)分秒
function intervalTime(startTime,endTime) {
    // var timestamp=new Date().getTime(); //計(jì)算當(dāng)前時(shí)間戳
		if(startTime){
			startTime = startTime.replace(/-/g,'/')
		}
    var timestamp = (Date.parse(new Date(startTime)))/1000;//計(jì)算當(dāng)前時(shí)間戳 (毫秒級(jí))
    var date1 = timestamp; //開(kāi)始時(shí)間

		if(endTime){
			endTime = endTime.replace(/-/g,'/')
		}
    var date2 = (Date.parse(new Date(endTime)))/1000; //結(jié)束時(shí)間
    // var date3 = date2.getTime() - date1.getTime(); //時(shí)間差的毫秒數(shù)
    var date3 =  (date2- date1)*1000; //時(shí)間差的毫秒數(shù)
    //計(jì)算出相差天數(shù)
    var days = Math.floor(date3 / (24 * 3600 * 1000));
		if(days < 0){
			days = days*(-1)
		}
		
    //計(jì)算出小時(shí)數(shù)
    var leave1 = date3 % (24 * 3600 * 1000); //計(jì)算天數(shù)后剩余的毫秒數(shù)
    var hours = Math.floor(leave1 / (3600 * 1000));
    //計(jì)算相差分鐘數(shù)
    var leave2 = leave1 % (3600 * 1000); //計(jì)算小時(shí)數(shù)后剩余的毫秒數(shù)
    var minutes = Math.floor(leave2 / (60 * 1000));

    //計(jì)算相差秒數(shù)

    var leave3 = leave2 % (60 * 1000); //計(jì)算分鐘數(shù)后剩余的毫秒數(shù)
    var seconds = Math.round(leave3 / 1000);
    // return   days + "天 " + hours + "小時(shí) " + minutes + " 分鐘" + seconds + " 秒"
    return   days + "天 " 
}

export {
	getPath,
	intervalTime
}

一、全局引入

先在 main.js 文件引入，main.js入口文件內(nèi)容

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

全局引入，再在頁(yè)面中使用

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

}

二、局部引入，在頁(yè)面中引入使用

// template 中 使用
<view class="size_28">	
<text class="label">天數(shù)：</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
	}
},