Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Momentjs格式:应用斜体文本样式_Javascript_Reactjs_Momentjs - Fatal编程技术网

Javascript Momentjs格式:应用斜体文本样式

Javascript Momentjs格式:应用斜体文本样式,javascript,reactjs,momentjs,Javascript,Reactjs,Momentjs,我在reactjs中使用momentjs,我希望日期的小时数为斜体。例如,2月18日20:11 我可以创建单独的日期和小时,并将斜体样式应用于小时。 但是我如何才能在不计算单独的日期和小时数的情况下执行HH:mm斜体?方括号将完成标记的工作 有关格式的更多详细信息,请查看文档 下面是我已经测试过的代码 var moment = require('moment'); var http = require('http') http.createServer(function (req, res)

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

我可以创建单独的日期和小时,并将斜体样式应用于小时。
但是我如何才能在不计算单独的日期和小时数的情况下执行HH:mm斜体?

方括号将完成标记的工作

有关格式的更多详细信息,请查看文档

下面是我已经测试过的代码

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);
它输出为

2月18日20日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'))

js不会决定日期在应用程序上的显示方式,它应该由应用程序中的CSS来完成。MomentJS是一个javascript库,可以帮助您计算日期和时间。
因此,我建议在span中分别计算小时和分钟,并在其中应用您的样式。

使用矩.formatDD MMM YY[]HH:mm[]@soktinpk它不起作用。它是渲染的,我使用的是reactjs,它是以文本的形式渲染的。请参阅我的示例代码:@ShivprasadSambhare我也更新了ReactJS的答案,请检查。@ShivprasadSambhare的答案对您有帮助吗?谢谢您的帮助。我希望它能实现,而不需要计算单独的日期和时间。但我们不能那样做。所以我要分别计算日期和时间。
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);
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'))