我的前端工具集(一)日期时间转换工具

我的前端工具集(一)日期时间转换工具

liuyuhang原创，未经允许禁止转载

目录

我的前端工具集

1.日期时间转换工具

　　1.1格式需求

　　　　项目中的前端页面，需要对不同的情况使用不同的日期或时间格式。如：

　　　　①yyyy-MM-dd

　　　　②yy-Mm-dd

　　　　③yyyy-MM-dd HH:mm

　　　　④yy-Mm-dd HH:mm

　　　　⑤yyyy-MM-dd HH:mm:ss

　　　　⑥yy-Mm-dd HH:mm:ss

　　　　

　　1.2.起因

　　　　又因为从数据库或者什么地方获得的时间日期格式使用java代码来转换异常麻烦

　　　　所以我索性将这种工作交给了前端，所以写了这个日期格式转换工具，力求：

　　　　java.util.Date.toString()格式，js中的的new Date.toString()格式都可以直接使用转换。

2.代码

　　代码如下：

/**
 * @author Liuyuhang
 * json date转换日期工具
 * @param: obj        :    new Date.toString()格式
 * @param: isFullYear：    boolean:    true=yyyy    ,    false=yy
 */
function parse2Date(obj, isFullYear) {
    //是否为yyyy-mm-dd,否则为yy-mm-dd
    var flagYear = isEmpty(isFullYear) ? false : isFullYear;
    if (isEmptyStr(obj)) {
        if (isEmptyStr(obj)) {
            var date = new Date(obj);
            var year = flagYear ? date.getFullYear().toString().substring(2) : date.getFullYear().toString();
            var month = (date.getMonth() + 1) < 10 ? "0" + (date.getMonth() + 1) : (date.getMonth() + 1);
            var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
            return year + "-" + month + "-" + day;
        }
    } else {
        console.error("传入实参obj非string格式!无法转日期类型!");
    }
}
/**
 * @author Liuyuhang
 * json dateTime转换时间工具
 * @param:obj        :    new Date.toString()格式
 * @param:isFullYear:    boolean:    true=yyyy    ,    false=yy
 * @param:isHasSecond:    boolean:    true=HH:mm:ss,    false=HH:mm
 */
function parse2DateTime(obj, isFullYear, isHasSecond) {
    //是否为yyyy-mm-dd,否则为yy-mm-dd
    var flagYear = isEmpty(isFullYear) ? false : isFullYear;
    var flagSecond = isEmpty(isHasSecond) ? false : isHasSecond;
    if (isEmptyStr(obj)) {
        if (notEmpty(obj)) {
            var dateTime = new Date(obj);
            var year = flagYear ? dateTime.getFullYear().toString().substring(2) : dateTime.getFullYear().toString();
            var month = (dateTime.getMonth() + 1) < 10 ? "0" + (dateTime.getMonth() + 1) : (dateTime.getMonth() + 1);
            var day = dateTime.getDate() < 10 ? "0" + dateTime.getDate() : dateTime.getDate();
            var hour = dateTime.getHours() < 10 ? "0" + dateTime.getHours() : dateTime.getHours();
            var minute = dateTime.getMinutes() < 10 ? "0" + dateTime.getMinutes() : dateTime.getMinutes();
            var second = flagSecond ? (dateTime.getSeconds() < 10 ? ":0" + dateTime.getSeconds() : ":" + dateTime.getSeconds()) : '';
            return year + "-" + month + "-" + day + " " + hour + ":" + minute + second;
        }
    } else {
        console.error("传入实参obj非string格式!无法转日期时间类型!");
    }
}

/**
 * @author Liuyuhang
 * 将yy-MM-dd或yy-MM-dd HH:mm转换为Date格式
 * @return:true:obj为空
 * @return:false:obj不为空  
 */
function parse2DateTimeFull(obj, isHasTime) {
    var flagDate = isEmpty(isHasTime) ? false : isHasTime;
    if (isEmptyStr(obj)) {
        if (isEmptyStr(obj)) {
            var year2 = new Date().getFullYear().toString().substring(0, 2);
            if (isHasTime) {
                return new Date(year2 + obj + ":00");
            } else {
                return new Date(year2 + obj + " 00:00:00");
            }
        }
    } else {
        console.error("传入实参obj非string格式!无法转日期类型!");
    }
}

/**
 * @author Liuyuhang
 * 判断obj是否为null或undefinded或为''
 * @return:true:obj为空
 * @return:false:obj不为空  
 */
function isEmpty(obj) {
    return 'undefinded' == typeof obj || '' == obj || null == obj;
}
/**
 * @author Liuyuhang
 * 判断obj是否为空字符串格式
 * @return:true:obj为非空字符串
 * @return:false:obj为非字符串格式
 */
function isEmptyStr(obj) {
    if ('string' == typeof obj) {
        return 'undefinded' != typeof obj && '' != obj && null != obj; //字符串格式并且非空
    } else {
        return false; //非字符串格式
    }
}

4.测试

　　测试代码：

    <button tyle="button" class="btn" onclick="test()">test</button>

<script type="text/javascript">
    function test() {
        var now = new Date().toString();
        console.log(parse2Date(now, true));
        console.log(parse2Date(now, false));
        console.log(parseDateTime(now, true, true));
        console.log(parseDateTime(now, true, false));
        console.log(parseDateTime(now, false, true));
        console.log(parseDateTime(now, false, false));
        console.log(parse2DateTimeFull("18-2-4", false))
        console.log(parse2DateTimeFull("18-2-4 12:3", true))
    }
</script>

　　测试结果如下图：

正常yyyy-MM-dd HH:mm:ss转Date就不写了!

以上!