uView time 时间格式

简介: uView time 时间格式

格式化时间

#timeFormat | date(timestamp, format = "yyyy-mm-dd")

注意1.7.9之前的版本只能传入毫秒时间戳,date和timeFormat为同功能不同名函数,无论用哪个方法名,都是一样的。

该函数必须传入第一个参数,第二个参数是可选的,函数返回一个格式化好的时间。

  • time <String> 任何合法的时间格式、毫秒的时间戳
  • format <String> 时间格式,可选。默认为yyyy-mm-dd,年为"yyyy",月为"mm",日为"dd",时为"hh",分为"MM",秒为"ss",格式可以自由搭配,如: yyyy:mm:ddyyyy-mm-ddyyyy年mm月dd日yyyy年mm月dd日 hh时MM分ss秒yyyy/mm/dd/MM:ss等组合
<template>
  <view>
    <view>
      时间为:{{$u.timeFormat(timestamp, 'yyyy年mm月dd日')}}
    </view>
    <view>
      时间为:{{time}}
    </view>
  </view>
</template>
<script>
  export default{
    data() {
      return {
        time: null,
        timestamp: '1581170184'
      }
    },
    onLoad() {
      this.time = uni.$u.timeFormat(this.timestamp, 'yyyy-mm-dd');
    }
  }
</script>

copy

#过滤器式写法

uView同时把timeFormat()注册到了全局过滤器中,方便您在模板中使用:

<view>
  <!-- 因为默认参数为yyyy-mm-dd,所以这里可以不用写时间格式 -->
  时间为:{{'1585926095536' | date}}
</view>
<view>
  时间为:{{'1585926095536' | date('yyyy-mm')}}
</view>

copy

注意过滤器的特殊点,上面的"'1585926095536' | date('yyyy-mm')",会把'1585926095536'当作date的第一个参数传入,'yyyy-mm'作为第二个参数, 也即实际表现为:

uni.$u.date('1585926095536', 'yyyy-mm')

copy

#多久以前

#timeFrom(time, format = String | false)

注意 1.7.9之前的版本只能传入毫秒时间戳

该函数必须传入第一个参数,格式为任何合法的时间格式、毫秒的时间戳,第二个参数是可选的,返回的值类似刚刚25分钟前3小时前7天前的结果。 如果第二个参数是时间的格式,当前和传入时间戳相差大于一个月时,返回格式化好的时间;如果第二个参数为false,则不会返回格式化好的时间,而是诸如"xxx年前"的结果。

  • timestamp <String> 时间戳
  • format <String / false> 时间格式,默认为yyyy-mm-dd,年为"yyyy",月为"mm",日为"dd",时为"hh",分为"MM",秒为"ss",格式可以自由搭配,如: yyyy:mm:ddyyyy-mm-ddyyyy年mm月dd日yyyy年mm月dd日 hh时MM分ss秒yyyy/mm/dd/MM:ss等组合。 如果时间戳距离此时的时间,大于一个月,则返回一个格式化好的时间,如果此参数为false,返回均为"多久之前"的结果。
<template>
  <view>
    <view>
      时间为:{{$u.timeFrom(timestamp, 'yyyy年mm月dd日')}}
    </view>
    <view>
      时间为:{{time}}
    </view>
  </view>
</template>
<script>
  export default{
    data() {
      return {
        time: null,
        timestamp: '1581170184'
      }
    },
    onLoad() {
      this.time = uni.$u.timeFrom(this.timestamp);
    }
  }
</script>

copy

#过滤器式写法

uView同时把timeFrom()注册到了全局过滤器中,方便您在模板中使用:

<view>
  <!-- 因为默认参数为yyyy-mm-dd,所以这里可以不用写时间格式 -->
  时间为:{{'1585926095536' | timeFrom}}
</view>
<view>
  <!-- 因为默认参数为yyyy-mm-dd,所以这里可以不用写时间格式 -->
  时间为:{{'1585926095536' | timeFrom('yyyy-mm')}}
</view>
相关文章
|
前端开发
前端Vue3使用Moment Timezone处理不同时区时间
认识基本时间表示字符,UTC,GMT等,用 moment-timezone 这个插件来获取时区,同时获取带时区的时间字段,以便后续业务处理。
648 1
|
iOS开发
uView的u-datetime-picker限制开始的年月日后ios显示不出来
uView的u-datetime-picker限制开始的年月日后ios显示不出来
384 0
|
JavaScript
JS Date配置日期格式化
JS Date配置日期格式化
|
9月前
|
JavaScript 前端开发 索引
uni-app获取指定时间为周几,日期格式化为 “YYYY-MM-DD“ 的形式
uni-app获取指定时间为周几,日期格式化为 “YYYY-MM-DD“ 的形式
683 0
|
JavaScript
vue获取系统默认的年月日时分秒
vue获取系统默认的年月日时分秒
219 1
Easyui validatebox增加对time、date、datetime的验证,时间格式化
Easyui validatebox增加对time、date、datetime的验证,时间格式化
|
前端开发 定位技术
前端将UTC时间格式转化为本地时间格式~~uniapp写法
前端将UTC时间格式转化为本地时间格式~~uniapp写法
195 0
|
JavaScript
vue element-ui (DatePicker)日期选择器获取开始时间和结束时间-均为yyyy-MM-dd 格式
vue element-ui (DatePicker)日期选择器获取开始时间和结束时间-均为yyyy-MM-dd 格式
529 0
|
API Android开发
Date & Time组件(上)
本节给大家带来的是Android给我们提供的显示时间的几个控件,他们分别是: TextClock,AnalogClock,Chronometer,另外其实还有个过时的DigitalClock就不讲解了! 好的,开始本节内容!
134 0
|
JavaScript 数据库
时间日期格式化 moment库的基本使用
注意:在时间格式的传输过程中, 我们为了能使时间在每一个地区都能准确获取的,一般存入数据库的都是,utf8 或者 是时间戳的形式, 因为时间戳和utf8的是一个标准,不会因为地区而异而改变
时间日期格式化 moment库的基本使用

热门文章

最新文章