【vue】时间戳、中国标准时间等格式转换时间样式(yyyy-MM-dd)

1、2020-03-06 17:26:40 截取变2020-03-06
2、3、 时间戳yyyy-MM-dd(两种方法,我常用3)
4、 时间戳转换成NaN 乱码转换成yyyy-MM-dd
5、中国标准时间格式yyyy-MM-dd hh:mm:ss
6、根据时间回显星期几

1、截取时间字符串

后端传来的是完整的时间格式:" 2020-03-06 17:26:40 "
想要显示年月日:“ 2020-03-06 ”

{
   {
   (item.beginDate || '').split(' ')[0]}}-{
   {
   (item.endDate || '').split(' ')[0]}}

本页显示样式:
在这里插入图片描述
我这里做的是mobile端界面,所需要显示的时间数据在一个flexbox 下的flexbox-item中,这里是Vue中的完整代码片:

<flexbox-item :span="3/7">
   <div>
      <flexbox orient="vertical" :gutter="0">
         <flexbox-item><div class="tdname">{
   {
   item.classifyOneName}}/{
   {
   item.classifyTwoName}}/{
   {
   item.classifyThreeName}}</div></flexbox-item>
            <flexbox-item><div class="tdname">合同负责人:{
   {
   item.contractOwner}}
            </div></flexbox-item>
      </flexbox>
   </div>
</flexbox-item>

同理:中间带“T”的写法就是{ {(scope.row.createTime || '').split('T')[0]}}

在这里插入图片描述


2、毫秒数转yyyy-MM-dd

将毫秒数(时间戳:1583769600000)转换成标准时间格式(yyyy-MM-dd:2020-3-10)**

以下过滤器写法源于:chp-22博主的博客

过滤器写法是一种一劳永逸的操作,经常用你就给咱好好保存了
步骤1:建立一个Date.js文件

export function formatDate (date, fmt) {
   
    if (/(y+)/.
  • 0
    点赞
  • 37
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值