簡體   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