首页
学习
活动
专区
圈层
工具
发布

结合moment时间插件自己封装一个获取【上周、上月、上季度、上年】时间段函数

在日常开发中,获取时间的需求是必不可少的,可以说是经常出现,这不,近段时间接触了几个项目里面就有好几处出现了时间获取的需求。...下面本文将以react+antd为技术栈,时间插件主要采用moment插件二次封装,展现一个封装的函数,在moment插件已有的方法基础上,再增加【上周、上月、上季度、上年】几个时间段的方法,即拿即用:...// 日期推算算法 根据调用返回【上周、上月、上季度、上年】,返回类型为moment const areDataReckon = (type: string) => { let myData:...else if (type === '上季度') { switch (quarter) { case 1: year -...参考链接:Moment.js 文档 http://momentjs.cn/docs/#/use-it/

1.5K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS甘特图插件MZGantt:工作时间段设置详解(1.0.12版)

    MZGantt(1.0.12)工作时间段设置详解MZGantt1.0.12版本支持在小时视图(hour)下灵活配置工作时间段,并可通过参数控制显示效果。以下是关键功能说明及示例。...工作时间段配置通过workingHourSetting参数可定义多个工作时间段,格式为数组嵌套的起止时间字符串。...时间精度控制timePrecision参数用于设置最小时间单位:值为30表示半小时精度(如6:00、6:30)。值为10表示10分钟精度(如6:00、6:10、6:20)。...N":完整显示全天时间轴(默认值)。...显示全天时间(onlyShowWorkhours:"N")时间轴完整显示24小时,工作时段可能通过颜色或标记区分(具体效果依赖插件主题)。注意事项时间格式为HH:mm或者H,且结束时间需晚于开始时间。

    34510

    js写插件教程

    ;我为了方便都写到一个html中了;请把这个script标签中的内容单独写在一个js文件里 //整个插件写在一个立即执行函数里;就是function(){}();函数自执行;保证里面的变量不会与外界互相影响...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...比如你要点击按钮 添加input的值到 div里 var addHtml = function(demo,btn){//插件名,调用的时候直接new一下插件名就行了并传参数或者传对象(一般这个函数名手写字母大写比较好...new addHtml("demo-2","add-2"); //这里是实例2调用插件的代码 //是不是明白为什么要写插件了;要封装;两个相同组件即使有相同的class名在dom...--这里是最简单的插件写法;当然还有传对象参数的插件等等。。。。-->

    42.2K10

    Rafy 框架 - 时间戳插件

    本文将解释 Rafy 框架中的时间戳插件的场景、使用方法、原理。 场景 在开发各类数据库应用系统时,业务领域实体往往需要包含“创建时间”、“最后更新时间”、“创建人”、“最后更新人”等跟踪戳属性。...时间戳插件可以自动在数据层维护这些属性,使开发人员专注与业务逻辑开发,减少业务无关基本操作所占用的时间。 使用方法 开发人员在业务领域实体实现时间戳功能时,只需要引用该插件。...//添加时间戳插件到 Rafy 应用程序集中。...RafyEnvironment.DomainPlugins.Add(new JXCPlugin()); base.InitEnvironment(); } } 添加时间戳插件后...在Rafy运行环境中加入时间戳插件后,领域中的所有实体默认注册四个跟踪戳属性;同时数据层拦截的提交操作,在添加、更新实体时,设置实体的跟踪戳。

    1.3K00
    领券