繁体   English   中英

在 div 中显示日期时包括换行符

[英]Including line-break when displaying date within a div

我需要将日期显示为以月为中心的日期格式的 DIV (DD
嗯嗯)。 但是,该页面仅显示日期。 当我检查元素时,换行符和月份被正确发送。

查询

$(document).ready(function () {    

    var value = moment().subtract(2,'days');

$(".slider").each(function() {
    var dateFormatted = moment(value).format("DD" + "<br/>" + "MMMM");

    $(this).html(dateFormatted);
    value = value.add(1,'days');
});}

HTML

    <div class="carousel-items">
    <div class="slider"></div>
    <div class="slider"></div>
    <div class="slider"></div>
    <div class="slider"></div>
    <div class="slider"></div>
    <div class="slider"></div>
    <div class="slider"></div>
    <div class="slider"></div>
</div>

我也可以使用另一种技术的建议来完成同样的事情。 但我确实需要在 JQuery 中使用 each 循环,因为日期将连续生成。

谢谢!

已回答

DIV的高度看起来足够大到可以包含两行,但是在提出了一些建议之后,我仔细检查了CSS,发现实际上该月已返回页面,但仅在下面。

尝试转义<br>标签,例如。

moment(value).format('DD\\<\\\\b\\\\r\\>MMMM')

您是说<br>还是可以将其添加为类<br class="...">尽管我总是更喜欢使用text-decoretion:underline <br class="..."> 或下边框:1px纯黑色;

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM