javascript - Momentjs 格式 : apply italic text styling

Question

我在reactjs中使用momentjs，我希望日期的小时数为斜体。例如。 2020 年 2 月 18 日11:11

moment().format('DD MMM YY HH:mm')

我可以创建单独的日期和时间，并将斜体样式应用于小时。但是如何在不计算单独的日期和时间的情况下将“HH:mm”斜体显示出来呢？

Answer 1

方括号可以用<em>来完成这项工作标签。

moment().format("DD MMM YY [<em>]HH:mm[</em>]")

有关格式的更多详细信息，您可以查看文档 here .

以下是我测试过的代码，

var moment = require('moment');
var http = require('http')

http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/html'});

  res.write( moment().format('DD MMM YY [<em>]HH:mm[<em>]'));

  res.end();

}).listen(8000);

输出为

2020 年 2 月 18 日11:59

编辑:好的，如果你想在reactjs的前端进行，那么你可以通过以下代码来完成:

import React from 'react'
import ReactDOM from 'react-dom'
import moment from 'moment'

function App() {
  const date = moment().format('DD MMM YY')
  const hours = moment().format('HH:mm')

  return <div>{date}  
    <span style={{ paddingLeft: '2px' , fontStyle: 'italic' }}>
      {hours}
    </span>
  </div>
}

ReactDOM.render(<App />, document.getElementById('root'))