[英]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.