uni-app优雅的实现时间戳转换日期格式

这篇具有很好参考价值的文章主要介绍了uni-app优雅的实现时间戳转换日期格式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

现在显示的格式如下图:
uni-app优雅的实现时间戳转换日期格式,uni-app
我期望统一格式,所以不妨前端处理一下,核心代码如下

filters: {
	// 时间戳处理
	formatDate: function(value, spe = '/') {
		value = value * 1000
		let data = new Date(value);
		let year = data.getFullYear();
		let month = data.getMonth() + 1;
		let day = data.getDate();
		let h = data.getHours();
		let mm = data.getMinutes();
		let s = data.getSeconds();
		month = month >= 10 ? month : "0" + month;
		day = day >= 10 ? day : "0" + day;
		h = h >= 10 ? h : "0" + h;
		mm = mm >= 10 ? mm : "0" + mm;
		s = s >= 10 ? s : "0" + s;
		return `${year}${spe}${month}${spe}${day} ${h}:${mm}:${s}`;
	}
},

使用方法如下:

	<text>{{item.create_time | formatDate('-')}}</text>

uni-app优雅的实现时间戳转换日期格式,uni-app
代码结构如下:
uni-app优雅的实现时间戳转换日期格式,uni-app文章来源地址https://www.toymoban.com/news/detail-605302.html

到了这里,关于uni-app优雅的实现时间戳转换日期格式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app日期选择器

    写个简单的日期选择器,还没搞样式,所以有点丑 大概长这样吧 首先是这个picker选择器,mode选择日期,end是写一个范围前日期,:end就是这个日期是动态变化的,还有change函数 然后是脚本,就默认显示当前日期,设计最后范围日期为今日日期,再有一个事件函数

    2024年02月12日
    浏览(45)
  • uni-app:实现当前时间的获取,并且根据当前时间判断所在时间段为早上,下午还是晚上

    获取当前时间 toString() 方法将数字转换为字符串 padStart(2, \\\'0\\\') : padStart() 方法用于在字符串头部填充指定的字符,使其达到指定的长度。该方法接受两个参数:第一个参数为期望得到的字符串长度,第二个参数为要填充的字符。 时间段的判断 根据小时来判断当前的时间段,

    2024年02月08日
    浏览(59)
  • uni-app uni-ui 微信小程序 uni-datetime-picker 时间选择组件设置start和end属性,实现时间选择限制

     效果如图,先选择开始日期,完成日期需要在开始日期之后,先选择完成日期,开始日期需要在完成日期之前 需要用到uni-datetime-picker官方的三个属性  代码如下 这样一个能够限制选定范围的组件就ok了!    

    2024年02月11日
    浏览(71)
  • 十、uni-app小程序时间戳

    源码 源码 引用的 MxDatePicker 源码

    2024年02月16日
    浏览(37)
  • 【js】时间和时间戳转换、日期格式化

    1、时间戳转换日期方法 (格式:2023-08-17) 2、日期字符串转时间戳 3、时间戳转换日期+时间方法 date:时间戳数字(格式:2023-08-17 14:11:01) 4、 获取日期中文格式

    2024年02月12日
    浏览(54)
  • Java:日期毫秒值和常见日期时间格式相互转换

    本文介绍了Java中,日期毫秒值和常见日期格式相互转换。 提示:以下是本篇文章正文内容,下面案例可供参考 代码示例: 代码示例: 如果想将指定时间转换为毫秒值,相对比较麻烦,这里提供两种方法供参考 利用Calendar.set() 利用DateFormat.parse() 本文介绍了Java中如何将毫秒

    2024年02月16日
    浏览(37)
  • uni-app px与rpx的转换

    第一种转换方法: 由rpx的微信官方介绍可知 rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。 如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。 由此得知是以750物理像素为基准: px / rpx = screen

    2024年02月11日
    浏览(34)
  • 【Python】【pandas】DataFrame将包含日期值的列转换为日期时间格式或者日期格式

    上代码: 输出结果: 当执行上面的代码时,将执行以下步骤: 导入 pandas 库,以便使用其中的函数和方法。 创建一个名为 df 的DataFrame,其中包含一个名为 \\\'Date\\\' 的列。该列包含了不同的日期值,包括一个无效的日期值 \\\'Invalid Date\\\' 。 使用 pd.to_datetime 函数将 \\\'Date\\\' 列转换为日

    2024年02月05日
    浏览(56)
  • uni-app 解决钉钉小程序日期组件uni-datetime-picker不兼容ios问题

    最近在使用uni-app开发 钉钉小程序 ,遇到一个ios的兼容性问题 uni-datetime-picker 组件在模拟器上可以使用,在真机上不生效问题 就是自定义一个 view 然后通过click事件触发dd.datePicker。 在优化一下自定义的日期组件的样式 样式跟uni-ui的 uni-datetime-picker 组件样式一样。

    2024年02月03日
    浏览(73)
  • 将时间戳按格式转换为日期对象

    可以使用 JavaScript 中的 Date 对象对时间戳进行格式化转换。具体的实现方式可以按照以下步骤进行: 将时间戳转换为日期对象。JavaScript 中可以使用 new Date(timestamp) 方法将时间戳转换为日期对象,timestamp 为时间戳。 使用日期对象的 getYear() 、 getMonth() 、 getDate() 、 getHours() 、

    2024年02月05日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包