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文件全局使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • js阻止事件追加的具体实现

    js阻止事件追加的具体实现

    可以使用 e.stopPropagation(); e.preventDefault();来阻止事件冒泡,和默认事件的执行。但不能阻止事件的追加,如要追加,请看下面的实现方法
    2014-10-10
  • JavaScript 轻松搞定快捷留言功能 只需一行代码

    JavaScript 轻松搞定快捷留言功能 只需一行代码

    快捷留言功能,就是您现在看到在右侧浮动的那个小玩意,通过它可以直接提交留言并推荐,您想在博客里加上这个功能吗?
    2010-04-04
  • 使用JavaScript实现提取视频关键画面

    使用JavaScript实现提取视频关键画面

    在视频分享成为日常的今天,为视频挑选一个吸引人的封面往往能大大提高视频的点击率,本文我们就来探讨一下如何使用JavaScript实现提取视频关键画面吧
    2025-06-06
  • JS+jQuery实现注册信息的验证功能

    JS+jQuery实现注册信息的验证功能

    本文通过实例代码给大家分享了基于js+jquery实现的注册信息验证功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-09-09
  • 微信小程序使用vant组件库的详细步骤

    微信小程序使用vant组件库的详细步骤

    VantWeapp是有赞团队开源的小程序UI组件库,可快速搭建小程序项目,小程序支持npm安装第三方包,但需使用开发者工具构建,VantWeapp提供全局和局部注册方式,支持自定义事件和插槽,可通过解除样式隔离、使用外部样式类和CSS变量修改组件样式
    2024-09-09
  • JS把字符串转成json对象的三种方法示例详解

    JS把字符串转成json对象的三种方法示例详解

    这篇文章主要介绍了js 把字符串转成json对象的三种方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • JavaScript表单验证实现代码

    JavaScript表单验证实现代码

    这篇文章主要为大家详细介绍了JavaScript表单验证的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • iframe高度自适应及隐藏滚动条的实例详解

    iframe高度自适应及隐藏滚动条的实例详解

    这篇文章主要介绍了iframe高度自适应及隐藏滚动条的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
    2017-09-09
  • 如何正确理解javascript的模块化

    如何正确理解javascript的模块化

    模块化在项目中十分的重要,一个复杂的项目肯定有很多相似的功能模块,如果每次都需要重新编写模块肯定既费时又耗力。但是引用别人编写模块的前提是要有统一的“打开姿势”,如果每个人有各自的写法,那么肯定会乱套,下面介绍几种JS的模块化的规范。
    2017-03-03
  • layui富文本编辑器前端无法取值的解决方法

    layui富文本编辑器前端无法取值的解决方法

    今天小编就为大家分享一篇layui富文本编辑器前端无法取值的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论