首页 > 其他分享 >直播平台制作,vue-全局过滤器(时间,年月日,一千加逗号处理)

直播平台制作,vue-全局过滤器(时间,年月日,一千加逗号处理)

时间:2023-10-08 14:22:23浏览次数:41  
标签:vue 逗号 let time date 年月日

直播平台制作,vue-全局过滤器(时间,年月日,一千加逗号处理)

export const formatYmd = (date) => {
  let time = new Date(date)
 
  let y = time.getFullYear()
  let m = time.getMonth() + 1
  let d = time.getDate()
 
  return [y, m, d].map((v) => String(v).padStart(2, '0')).join('/')
}
 
//处理年月日时分秒
export const formatYmdHms = (date) => {
  let time = new Date(date)
 
  let y = time.getFullYear()
  let M = time.getMonth() + 1
  let d = time.getDate()
 
  let h = time.getHours()
  let m = time.getMinutes()
  let s = time.getSeconds()
 
  return (
    [y, M, d].map((v) => String(v).padStart(2, '0')).join('-') +
    ' ' +
    [h, m, s].map((v) => String(v).padStart(2, '0')).join(':')
  )
}
 
//处理时分秒
export const formatHms = (date) => {
  let time = new Date(date)
 
  let h = time.getHours()
  let m =

​  以上就是 直播平台制作,vue-全局过滤器(时间,年月日,一千加逗号处理),更多内容欢迎关注之后的文章

 

标签:vue,逗号,let,time,date,年月日
From: https://www.cnblogs.com/yunbaomengnan/p/17748955.html

相关文章

  • 去掉Vue语法检查
    注释掉createLintingRule方法里面的东西constcreateLintingRule=()=>({//test:/\.(js|vue)$/,//loader:'eslint-loader',//enforce:'pre',//include:[resolve('src'),resolve('test')],//options:{/......
  • vue3 watchEffect 的用法
    watchEffect 是Vue3中用于监听响应式数据变化并执行副作用函数的函数。它的使用方式和作用如下:基本用法:javascript插入代码复制代码import{ref,watchEffect}from'vue';constmyData=ref(0);watchEffect(()=>{console.log('myDatahaschanged:',myData.......
  • vue学习三
    <divid="app3"><buttonv-on:click="num++">+</button><span>{{num}}</span><buttonv-on:click="num--">-</button><pv-if="n......
  • 【Vue】自己编写排名组件
    一、需求分析这里我是用Echarts的柱状图,倒置下y轴x轴就实现了,然后产品说跟UI不一致我一看UI这种又给我整不会了,然后想拿Echarts改改参数搞定,同事和群友都是说自己做,不要用Echarts改 二、实现思路同事劝我用ElementUI的进度条组件来实现,进度条见:https://element.eleme.io/......
  • vue3
    vue3介绍vue3完全兼容vue2#tree-shaking是一种消除死代码的性能优化理论#TypeScript -javascript:坑---》填坑---》弱类型-typeScript:强类型语言 组合式api和配置项apivue3兼容vue2---》vue2的内容,vue3完全适用vue3不建议这么用了,建议使用组合式api,不建议使用配置......
  • vue3比vue2优势
    Vue3相对于Vue2有一些显著的优势,主要集中在性能、开发体验和一些新的特性上:性能提升:虚拟DOM的优化:Vue3使用了更高效的虚拟DOM算法,减少了不必要的DOM操作,提高了渲染性能。编译器优化:Vue3的编译器生成的代码更为紧凑和高效,加速了首次渲染和更新速度。更小的包大小:Vu......
  • 解锁 Vue 3 神奇技巧:让模板复用达到极致
    引出在vue的日常开发当中,我们可能会遇到这样的一种情况:某一部分的模版需要重复利用,但又不至于到新开1个组件的地步。比如:js复制代码<template><divv-for="iteminlist">//条件渲染<divv-if="isCase1(item.id)"class="case1Class...">......
  • vue3 新增 mitt 的使用
    在Vue3中,你可以使用 mitt 库来实现事件总线,以便在组件之间进行通信。下面是详细的介绍如何使用 mitt:安装 mitt 库: 首先,确保你已经安装了 mitt 库。你可以使用npm或yarn来安装它:插入代码复制代码npminstallmitt或插入代码复制代码yarnaddmitt......
  • 记录--Vue 右键菜单的秘密:自适应位置的实现方法
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助下图这个情景,你是否也遇到过?当你右键点击网页上的某个元素时,弹出的菜单被屏幕边缘遮挡了,导致你无法看清或选择菜单项?上图中右键菜单的选项并不是固定不变的,它会根据不同的元素或场景来显示不同的选项。也就是......
  • vue2自定义指令实现el-dropdown下拉菜单项最小宽度等于内容宽度
    //在main.js添加Vue.directive('siem-dropdown',function(el,binding,vNode){letul=el.querySelector("ul")letuid=vNode.componentInstance._uid;//获取下拉菜单实例的uidletsiemDropdownClass=`siem-dropdown-${uid}`;ul.cla......