前端修改后端返回一个时间戳如何改成2018-12-30 12:00:00

本文详细介绍了一种使用CSS实现的特殊三角形边框效果，通过巧妙地利用伪元素和边框属性，创造出视觉上吸引人的设计元素。文章提供了完整的HTML和CSS代码示例，展示了如何在网页中精确地定位和呈现这种三角形边框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接献上代码

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>

<style>
    body{
        background:#f2f2f2;
    }
    .border{
        position: relative;
        margin-top:300px;
        margin-left:200px;
        width:200px;
        background:white;
        height:200px;
        border:1px solid #d9d9d9;
    }
    .border:after{
        position:absolute;
        bottom:-1px;
        right:-1px;
        content: "";
        border-left:50px solid transparent;
        border-bottom: 50px solid #d9d9d9;
 
    }
    .borderInner{
        position:absolute;
        bottom:-1px;
        z-index:2;
        right:-1px;
        border-left:48.5px solid transparent;
        border-bottom: 48.5px solid #f2f2f2;
 
    }
    .a1{
        position:absolute;
        bottom:-1px;
        z-index:3;
        right:-1px;
 
    }
    .triangle_left{
        width:0;
        height:0;
        border-width:0 0 40px 40px;
        border-style:solid;
        border-color:transparent transparent #d9d9d9 ;
        position:relative;
    }
    .triangle_left .triangle_left_span{
        display:block;
        width:0;
        height:0;
        border-width:0 0 38px 38px;
        border-style:solid;
        border-color:transparent transparent white;
        position:absolute;
        top:1px;
        left:-38px;
    }
    .borderLeft{
        height:38px;
        width:0;
        border-right:1px solid #d9d9d9;
        position:absolute;
        top:1px;
        left:-1px;
        z-index:20;
    }
   </style>
</head>
<body>
   <div class="border">
    <div class="borderInner"></div>
 
<!--     <div class="a1">
        <div class="triangle_left">
            <span class="triangle_left_span"></span>
            <div class="borderLeft"></div>
        </div>
    </div>
  -->
</div>
<script type="text/javascript">
    tier(1543989665000);
    function tier(data){
        var datatime='';
        if( data != null|| data!=undefined){
            timestampToTime(data);
            function timestampToTime(timestamp) {
                var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
                var Y = date.getFullYear() + '-';
                var M = ( date.getMonth() + 1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
                var D;
                if(  date.getDate() < 10 ){
                    D = "0"+date.getDate()+" ";
                }else{
                    D = date.getDate()+" ";
                }
                var h = ( date.getHours() < 10 ? '0'+(date.getHours()) : date.getHours() ) + ':';
                var m = ( date.getMinutes() < 10 ? '0'+(date.getMinutes() ) : date.getMinutes() ) + ':';
                var s = ( date.getSeconds()  < 10 ? '0'+(date.getSeconds() ) : date.getSeconds() );
                datatime = Y+M+D+h+m+s;
                return Y+M+D+h+m+s;
            }
            alert( "少年是不是你要的那"+datatime);
            return datatime;
        }
    }
</script>
</body>
</html>