web工具类（一）——字符串、日期的自定义操作类

最新推荐文章于 2024-04-18 14:56:31 发布

温水的小青蛙2023

最新推荐文章于 2024-04-18 14:56:31 发布

阅读量857

点赞数 1

分类专栏： Web前端 JavaScript

本文链接：https://blog.csdn.net/shiyaru1314/article/details/70229516

版权

Web前端同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

JavaScript

5 篇文章 0 订阅

订阅专栏

将一些常用的操作封装到js文件中，方便代码的重复使用和简化编码

字符串去除空白操作类库

const models = {
    trim: function (str) { //删除左右两端的空格
        return str.replace(/(^\s*)|(\s*$)/g, "");
    },
    ltrim: function (str) { //删除左边的空格
        return str.replace(/(^\s*)/g, "");
    },
    rtrim: function (str) { //删除右边的空格
        return str.replace(/(\s*$)/g, "");
    }
}
export default models;

日期类型格式化操作类库

const models = {
    //格式化CST日期的字串
    formatCSTDate: function (strDate, format) {
        return this.formatDate(new Date(strDate), format);
    },
    //格式化日期,
    formatDate: function (date, format) {
        var paddNum = function (num) {
            num += "";
            return num.replace(/^(\d)$/, "0$1");
        }
        //指定格式字符
        var cfg = {
            yyyy: date.getFullYear() //年 : 4位
            , yy: date.getFullYear().toString().substring(2)//年 : 2位
            , M: date.getMonth() + 1  //月 : 如果1位的时候不补0
            , MM: paddNum(date.getMonth() + 1) //月 : 如果1位的时候补0
            , d: date.getDate()   //日 : 如果1位的时候不补0
            , dd: paddNum(date.getDate())//日 : 如果1位的时候补0
            , hh: date.getHours()  //时
            , mm: date.getMinutes() //分
            , ss: date.getSeconds() //秒
        }
        format || (format = "yyyy-MM-dd hh:mm:ss");
        return format.replace(/([a-z])(\1)*/ig, function (m) { return cfg[m]; });
    },
    //获得当前日期的前一天
    getYesterday: function (date) {
        var yesterday_milliseconds = date.getTime() - 1000 * 60 * 60 * 24;
        var yesterday = new Date();
        yesterday.setTime(yesterday_milliseconds);
        return yesterday;
    },
    //获得当前日期的前一月
    getLastMonth: function (date) {
        var daysInMonth = new Array([0], [31], [28], [31], [30], [31], [30], [31], [31], [30], [31], [30], [31]);
        var strYear = date.getFullYear();
        var strDay = date.getDate();
        var strMonth = date.getMonth() + 1;
        if (strYear % 4 == 0 && strYear % 100 != 0) {
            daysInMonth[2] = 29;
        }
        if (strMonth - 1 == 0) {
            strYear -= 1;
            strMonth = 12;
        }
        else {
            strMonth -= 1;
        }
        strDay = daysInMonth[strMonth] >= strDay ? strDay : daysInMonth[strMonth];
        return new Date(strYear, strMonth, strDay);
    },
    //获得当前日期的前一年
    getLastYear: function (date) {
        var strYear = date.getFullYear() - 1;
        var strDay = date.getDate();
        var strMonth = date.getMonth() + 1;
        return new Date(strYear, strMonth, strDay);
    }
}
export default models;

以上将字符串和日期的操作方法都放在模块中，方便调用。

调用方式

<script>
     import date from "../../Utils/dateHelper";
     let  value="2017-01-14T02:54:28.502Z";
     let formatDate = date.formatCSTDate(value,"yyyy-MM-dd hh:mm:ss");
     console.log(formatDate);
 </script>

将写好的模块通过import关键字引入，然后调用该模块中对应的方法实现相应的功能。