首页 > 其他分享 >vuejs日期操作辅助类DateUtils

vuejs日期操作辅助类DateUtils

时间:2024-11-21 12:02:42浏览次数:1  
标签:DateUtils 辅助 vuejs return dateObj new Date const dt

code

//日期戳转日期字符串:yyyy-MM-dd HH:mm:ss
export const formatDate = (v: string | number | Date) => {
    if (v == null) {
        return '';
    } else {
        const dateObj = new Date(v); // 创建Date对象
        const year = dateObj.getFullYear(); // 获取年份
        const month = ("0" + (dateObj.getMonth() + 1)).slice(-2); // 获取月份,并补零
        const day = ("0" + dateObj.getDate()).slice(-2); // 获取日期,并补零
        const hour = ("0" + dateObj.getHours()).slice(-2); // 获取小时,并补零
        const minute = ("0" + dateObj.getMinutes()).slice(-2); // 获取分钟,并补零
        const second = ("0" + dateObj.getSeconds()).slice(-2); // 获取秒,并补零
        return `${year}-${month}-${day} ${hour}:${minute}:${second}`; // 返回转换后的日期格式
    }
}
//日期戳转日期字符串:yyyy-MM-dd
export const formatDateShort = (v: string | number | Date) => {
    let fullDateStr = formatDate(v);
    if (fullDateStr != '') {
        fullDateStr = fullDateStr.substring(0, 11);
    }
    return fullDateStr;
}

// 格式化日期 yyyy年-MM月-dd日
export const formatDateShortCN = (val: string | number | Date) => {
    const dateObj = new Date(val)
    const year = dateObj.getFullYear(); // 获取年份
    const month = ("0" + (dateObj.getMonth() + 1)).slice(-2); // 获取月份,并补零
    const day = ("0" + dateObj.getDate()).slice(-2); // 获取日期,并补零
    return year + '年-' + month + '月-' + day + '日';
}

//获取时间戳
export function getNowTimeSpan() {
    return new Date().getTime();//.toString()
}

//获取时间戳
export function getDateTimeSpan(date: Date) {
    return date.getTime();//.toString()
}

//
export const dateAdd = (date: string | number | Date, strInterval: string, num: number) => {
    //日期
    var dt = new Date(date);
    //传入日期转日期戳
    var dtstp = dt.getTime();
    switch (strInterval) {
        case 'sec': return new Date(dtstp + (1000 * num));//秒
        case 'min': return new Date(dtstp + (60000 * num));//分
        case 'hour': return new Date(dtstp + (3600000 * num));//小时
        case 'day': return new Date(dtstp + (86400000 * num));//天
        case 'weekend': return new Date(dtstp + ((86400000 * 7) * num));//周
        //季度(三个月)
        case 'quarter':
            let monthQ = (dt.getMonth()) + num * 3;
            let dQ = dt.getDate();
            if ((monthQ + 1) == 2 && dQ > 28) {
                dQ = 28;
            }
            return new Date(dt.getFullYear(), monthQ, dQ, dt.getHours(), dt.getMinutes(), dt.getSeconds());
        //月
        case 'month':
            let month = (dt.getMonth()) + num;
            let d = dt.getDate();
            if ((month + 1) == 2 && d > 28) {
                d = 28;
            }
            return new Date(dt.getFullYear(), month, d, dt.getHours(), dt.getMinutes(), dt.getSeconds());
        //年
        case 'year': return new Date((dt.getFullYear() + num), dt.getMonth(), dt.getDate(), dt.getHours(), dt.getMinutes(), dt.getSeconds());
    }
    return dt;
}

 

标签:DateUtils,辅助,vuejs,return,dateObj,new,Date,const,dt
From: https://www.cnblogs.com/xsj1989/p/18560285

相关文章

  • flask框架儿童认知图文辅助系统(毕设源码+论文)
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容一、选题背景关于儿童认知辅助教育的研究,现有研究主要以传统教学方式为主,如单纯的课本知识传授或简单的动画演示等。专门针对将图文结合并融入学生......
  • 基于大模型LLM(包括ChatGPT)的应用开发与辅助编程技能
    《基于大模型LLM(包括ChatGPT)的应用开发与辅助编程技能》在当今数字化飞速发展的时代,大模型LLM(大型语言模型)如ChatGPT等正掀起一场前所未有的技术革命,它们在应用开发与辅助编程领域展现出了巨大的潜力和影响力,正逐渐改变着开发者们的工作模式与思维方式。大模型LLM在应用......
  • 利用分子信息辅助标注病理切片,本科生也可以达到高年资医生的标注水平|文献精析·24-11-
    小罗碎碎念文章的标题是《DemocratizingPathologicalImageSegmentationwithLayAnnotatorsviaMolecular-empoweredLearning》,作者是来自范德堡大学、NVIDIA公司和范德堡大学医学中心的研究人员。文章探讨了如何通过“分子赋能学习”方案,使用非专业领域知识的普......
  • 大模型呼叫中心,如何建设坐席辅助系统?
    大模型呼叫中心,如何建设坐席辅助系统?作者:开源呼叫中心系统FreeIPCC,Github地址:https://github.com/lihaiya/freeipcc在建设大模型呼叫中心坐席辅助系统时,需要综合考虑多个方面以确保系统的高效、智能和用户体验。以下是一些关键步骤和建议:一、需求分析和设计明确业务需求:......
  • UI设计中神之辅助工具!取色神器!
    我在做前端设计的时候,经常行的会去参考对标网站,包括一些配色还有一些CSS样式,做过前端的都知道,配色是非常重要的,有些更高端的UI设计,他们的颜色搭配和选择非常讲究。我之前参考对方颜色的时候,都是直接截图,然后放到fireworks里或者PS里,把颜色吸取出来,这个看似很小的动作,非常的耗......
  • 自动驾驶系统研发系列—智能驾驶新高度:解析ESS驾驶员转向辅助系统
    ......
  • P3-4.【结构化程序设计】第四节——知识要点:break、continue和goto辅助循环设计语句
    知识要点:break、continue和goto辅助循环设计语句视频:P3-4.1.【结构化程序设计】第四节——知识要点:break、continue和goto辅助循环设计语句P3-4.2.【结构化程序设计】第四节——知识要点:break、continue和goto辅助循环设计语句 目录一、任务分析二、必备知识与理......
  • Three.js 常用辅助对象
    1.AxesHelper(坐标轴辅助对象)AxesHelper类用于在场景中创建一个坐标轴辅助对象,表示X、Y和Z轴。这对于确定场景中物体的方向和位置非常有用。AxesHelper构造函数接受以下参数:size:坐标轴的大小(可选,默认值为1)代码示例:constaxesHelper=newTHREE.AxesHelper(5);scen......
  • Origin图表技巧之绘制带辅助面的3D折线图
    折线图是科研中经常用到的图表之一,它通过线的升降变化显示数据的变化趋势,今天给大家分享绘制三维折线图的操作方法:操作步骤:1、先打开Origin2024软件,然后在Book1中输入如下示例数据:2、鼠标右击将C(Y)和E(Y)列设置为Z:3、将数据调整为XYZ型数据,如下:4、先选中所有数据:5......
  • AI辅助项目管理过程风险分析与应对
    背景   在项目管理过程中,风险分析与应对是一个重要的过程,它有助于确保项目的顺利进行并达成目标。常规过程可以分为几个关键步骤:1.风险识别目的:找出可能影响项目成功的各种不确定因素。方法:可以通过研讨会、访谈、问卷调查、历史数据审查等方式来识别潜在的风险。2.风险......