在函数内添加换行符

时间:2017-01-12 08:41:51

标签: javascript date time line-breaks

我在我的函数中添加换行符时出现问题。该功能显示日期和时间。我需要在fisrt线上显示日期,在第二行显示时间。我检查了所有相关的答案。我试图使用\ n,br,join(" \ n"),试图在我的函数中创建br元素,但不幸的是它没有用。这是我的一段代码:

function getTime(a)
{ 
  var d;
  if(a) {
    d = new Date(a);
  } else {
    d = new Date();
  }
  return ('0' + d.getDate()).slice(-2) + '.'+
         ('0' + (d.getMonth() + 1)).slice(-2) + '.' + 
         (d.getYear() + 1900) + ' ' + // here instead of space I need to add a line break in order to display time on a new line 
         ('0' + d.getHours()).slice(-2) + ':' +
         ('0' + d.getMinutes()).slice(-2) + ':' + 
         ('0' + d.getSeconds()).slice(-2) + '.' + 
         d.getMilliseconds();
}

请给我提示如何解决问题。 非常感谢你提前!

1 个答案:

答案 0 :(得分:2)

您可以添加换行符:

function getTime(a)
{ 
  var d;
  if(a) {
    d = new Date(a);
  } else {
    d = new Date();
  }
  return ('0' + d.getDate()).slice(-2) + '.'+
         ('0' + (d.getMonth() + 1)).slice(-2) + '.' + 
         (d.getYear() + 1900) + '\n' + // here instead of space I need to add a line break in order to display time on a new line 
         ('0' + d.getHours()).slice(-2) + ':' +
         ('0' + d.getMinutes()).slice(-2) + ':' + 
         ('0' + d.getSeconds()).slice(-2) + '.' + 
         d.getMilliseconds();
}

console.log(getTime())

或者如果你想在标记内部html中添加<br>

    function getTime(a)
    { 
      var d;
      if(a) {
        d = new Date(a);
      } else {
        d = new Date();
      }
      return ('0' + d.getDate()).slice(-2) + '.'+
             ('0' + (d.getMonth() + 1)).slice(-2) + '.' + 
             (d.getYear() + 1900) + ' <br> ' + // here instead of space I need to add a line break in order to display time on a new line 
             ('0' + d.getHours()).slice(-2) + ':' +
             ('0' + d.getMinutes()).slice(-2) + ':' + 
             ('0' + d.getSeconds()).slice(-2) + '.' + 
             d.getMilliseconds();
    }

document.querySelector('.test').innerHTML = getTime()
<div class='test'></div>

如果你处理html标记<br>标签是显示回车的正确方法。