码迷,mamicode.com
首页 > 其他好文 > 详细

日常问题处理(四)

时间:2018-10-15 18:23:20      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:dde   技术分享   alt   pre   center   日期类型   bubuko   cond   hit   

一、时间戳转yyyy-mm-dd HH:MM:SS日期类型

function timetrans(date){
    var date = new Date(date*1000);//如果date为10位不需要乘1000
    var yyyy = date.getFullYear() + ‘-‘;
    var mm = (date.getMonth()+1 < 10 ? ‘0‘+(date.getMonth()+1) : date.getMonth()+1) + ‘-‘;
    var dd = (date.getDate() < 10 ? ‘0‘ + (date.getDate()) : date.getDate()) + ‘ ‘;
    var HH = (date.getHours() < 10 ? ‘0‘ + date.getHours() : date.getHours()) + ‘:‘;
    var MM = (date.getMinutes() <10 ? ‘0‘ + date.getMinutes() : date.getMinutes()) + ‘:‘;
    var SS = (date.getSeconds() <10 ? ‘0‘ + date.getSeconds() : date.getSeconds());
    return yyyy+mm +dd+HH +MM +SS ;
}

二、css设置表格超出部分省略号显示无效

1、正常设置

table{
  table-layout: fixed;  
}
td{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;   
     -moz-text-overflow: ellipsis;
}

二、当设置width为百分比,并且另外仅设置了min-width时,设置上述的样式不起作用

table {
    table-layout:fixed;    
}
td{
    width: 23%;
    min-width: 97px;
    text-align: center;
    border-left: 1px solid #ccc;
    word-break: break-all;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

 技术分享图片

 

三、为td添加max-width

table {
    table-layout:fixed;    
}
td{
    width: 23%;
    min-width: 97px;
    max-width:80px;
    text-align: center;
    border-left: 1px solid #ccc;
    word-break: break-all;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

  技术分享图片

 

日常问题处理(四)

标签:dde   技术分享   alt   pre   center   日期类型   bubuko   cond   hit   

原文地址:https://www.cnblogs.com/detanx/p/dayQuestion4.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!