Javascript Momentjs格式:应用斜体文本样式
我在reactjs中使用momentjs,我希望日期的小时数为斜体。例如,2月18日20:11 我可以创建单独的日期和小时,并将斜体样式应用于小时。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)
但是我如何才能在不计算单独的日期和小时数的情况下执行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'))