应无所住,而生其心
排名
1
文章
861
粉丝
112
评论
163
net core webapi post传递参数
庸人 : 确实坑哈,我也是下班好了好几次,发现后台传递对象是可以的,但...
百度编辑器自定义模板
庸人 : 我建议换个编辑器,因为现在百度富文本已经停止维护了,用tinymec...
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

js时间格式化,vue.js时间格式化,带T 时间格式化

11711人阅读 2019/9/28 17:37 总访问:5232702 评论:2 收藏:0 手机
分类: 前端

也可以借助moment库, 参考:https://www.tnblog.net/aojiancc2/article/details/8079

moment库有点大,推荐可以使用day.js

官网:https://dayjs.fenxianglu.cn/

Element-plus中可以直接使用:

  1. import { dayjs } from 'element-plus'

参考:day.js 获取上月,当月,下月 - 只若初见的专栏 - TNBLOG



时间格式:/Date(1567138282927)/


js格式化为日期格式:

  1. new Date(parseInt('/Date(1567138282927)/'.substr(613)));

js格式化为短日期格式:

  1. new Date(parseInt('/Date(1567138282927)/'.substr(613))).toLocaleDateString();

其他格式就同理


js json 带T 时间格式化 

  1. //处理时间
  2. function ChangeDateFormat(jsondate{
  3.         var date = new Date(jsondate).toISOString().replace(/T/g' ').replace(/\.[\d]{3}Z/'');
  4. }


vue中带T 时间格式化 可以这样使用

先定义方法:

  1. methods: {
  2.     changeDateFormat(jsondate) {
  3.         var date = new Date(jsondate).toISOString().replace(/T/g' ').replace(/\.[\d]{3}Z/'');
  4.         return date;
  5.     }

然后绑定的时候直接调用方法就行

  1. <div class="deal-time">
  2.      处理时间:{{changeDateFormat(item.dealTime)}}
  3. </div>

表格中时间格式化可以这样使用

  1. <el-table-column label="时间" width="190">
  2.     <template #default="{ row }">
  3.         {{changeDateFormat(row.eventsTime)}}
  4.     </template>
  5. </el-table-column>


vue.js中还可以使用一个过滤器实现:

  1. filters: {
  2.     formatDatefunction (time{
  3.         var date = new Date(parseInt(time.substr(613))).toLocaleDateString();
  4.         return date;
  5.     }
  6. }

使用

  1. {{item.CreateTime|formatDate}}


.net core3.0 json时间格式化参考:http://www.tnblog.net/aojiancc/article/details/3347



欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

Murphy

2019/10/7 11:05:06

过滤这个东西用起来确实还可以

剑轩:@Murphy嗯嗯,相当于增加一个方法可以自己增加一些逻辑

2019/10/7 13:25:12 回复

<fonT color='#ff5555'>js</fonT>与ConTroller中分割字符串的方法

js: varstr=OpenRule; varstrs=newArray(); strs=str.split(&quot;,&quot;); for(vari=0;i&lt;strs.length;i++){ $(&q...

珍藏!! <fonT color='#ff5555'>js</fonT> CSS不传之秘集合

&lt;!--其中5指每隔5秒刷新一次页面--&gt; &lt;metahttp-equiv=&quot;refresh&quot;content=&quot;5&quot;&gt; =========...

<fonT color='#ff5555'>js</fonT>ON对象和<fonT color='#ff5555'>js</fonT>ON字符串的区别

JSON对象是直接可以使用JQuery操作的格式,如C#中可以用对象(类名)点出属性(方法)一样var str2 = { &quot;name&quot;: ...

对象转<fonT color='#ff5555'>js</fonT>ON

/// &lt;summary&gt; /// 对象转json /// &lt;/summary&gt; public static string ToJson(object jsonObject) ...

来!!!今天玩 <fonT color='#ff5555'>js</fonT>on

别怪我懒,其实我是真的懒///&lt;summary&gt; ///List转成json ///&lt;/summary&gt; ///&lt;typeparamname=&quot;T&quot...

<fonT color='#ff5555'>js</fonT>遍历localSTorage的键值对

//遍历本地存储localStorage for(vari=0;i&lt;localStorage.length;i++){ varkey=localStorage.key(i);//获取本地存储的K...

拓展<fonT color='#ff5555'>js</fonT>通用方法来对应c操作

有很多时候,js不能像c#一样有那样多的方法操作,但是我们可以自己写一些方法,让他拥有:比如最常见的一些:注意:js里的...

<fonT color='#ff5555'>js</fonT>的localSTorage

localStorage的优势1、localStorage拓展了cookie的4K限制2、localStorage会可以将第一次请求的数据直接存储到本地,这个相...

<fonT color='#ff5555'>js</fonT>监听inpuT、keydown<fonT color='#ff5555'>,</fonT>有输入法时打字完成后触发事件

在给输入框绑定input或keydown事件时预期效果是有输入法时,输入中文后触发事件,不希望输一个字母就触发一次事件可以用到c...

​<fonT color='#ff5555'>js</fonT>截取两个字符中间的字符串

使用正则表达式来取比如我们要取brush:js;toolbar:false 这个字符串冒号和分号中间的字符串可以varclassname=&quot;brush:j...

Vue.<fonT color='#ff5555'>js</fonT>+Layer实现表格数据绑定与更新

一:使用Vue.js绑定好数据与更新事件 使用v-on绑定好事件,在事件里边直接把该行数据传递进去,在更新方法里边就可以直接...

<fonT color='#ff5555'>js</fonT>使用正则进行常用验证

?:问号前面的数字匹配0次或1次,也就是懒惰匹配,最多匹配一次+:匹配1次到无穷次*:匹配0次到无穷次验证只能:数字、字母...

<fonT color='#ff5555'>js</fonT>字符串的替换

vartitle=&quot;我是你的大表哥&quot;; title=title.replace(&quot;大表哥&quot;,&quot;大表妹&quot;); alert(title);输...

Vue.<fonT color='#ff5555'>js</fonT> 实现省市联动

HTML代码&lt;divid=&quot;pro_citys&quot;&gt; 省:&lt;selectid=&quot;provice&quot;v-on:change=&quot;prochange()&quo...

Vue.<fonT color='#ff5555'>js</fonT>常见问题

一:花括号当做字符串显示的问题1:检查下绑定到vue.js的id是否重复,如果id重复了,就有可能存在这种问题,因为有可能把数...

vue.<fonT color='#ff5555'>js</fonT>常用指令

v-html可以把字符串当成一个html来渲染,而不是原样输出Html类似.net mvc中的@Html.Raw()方法&lt;divv-html=&quot;item.tit...