Javascript 将div添加到html中显示的日期，并将日期和月份分开

我有一些日期列表，我想将div添加到日期中，并将日期和月份分隔到不同的div中

<div class="campaign">30/11/2016 - 
  <a href="#" target="_blank">Dummy Text</a>
</div>

30/11/2016-

我想选择并将div添加到日期。我也想像这样把日子和月份分开。提前感谢您的帮助

<div class="campaign"> 
  <div class="date-wrapper">
    <div class="date">30</div>
    <div class="month">Nov</div>
    <div class="year">2016</div>
  </div> 
  <a href="#" target="_blank">Dummy Text</a>
</div>

30
十一月
2016

---

我尝试了追加方法，但无法选择日期并将其存储在变量中。

检查此方法是否适用于您

$（“#转换”）。单击（函数（）{
让日期=$（'.campaign'）.text（）.split（'/'）；
让dateDiv=''+日期[1]+''；
让monthDiv=''+日期[0]+''；
设yearDiv=''+日期[2]+''；
$（'.campaign'）.html（dateDiv+monthDiv+yearDiv）
})

11/30/2016 - 
Convert

您可以使用它在元素的第一个元素中插入新的HTML内容

var monthNames=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”，
“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”
];
$（“.campaign”）.prepend（函数（）{
var dates=$（this.contents（）[0].nodeValue.trim（）.match（/\d+/g）；
$（this.contents（）[0].nodeValue=“”；
返回'\
\
“+日期[1]+”\
“+月份[+日期[0]-1]+”\
“+日期[2]+”\
';
});

11/30/2016 - 
晚会有点晚了。我的解决方案使用
日期解析
提取日期结果<在这种情况下，code>Prepending

divs要简单得多

var月数=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”，
“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”
];
var活动=$（$（'.campaign'）[0]）；
var dateString=campaign.text（）.split（'-'）[0]；
var date=新日期（date.parse（dateString））；
campaign.contents（）[0].nodeValue=“”；
campaign.prepend（“”+date.getFullYear（）+“”）；
campaign.prepend（“”+月[date.getMonth（）]+“”）；
campaign.prepend（“”+date.getDate（）+“”）

11/30/2016 - 
试试看


$（'.campaign'）。每个（函数（）{
var dateStr=$（this）.text（）.split（'/'），
dateDD=dateStr[0]，
dateMM=dateStr[1]，
dateYY=dateStr[2]；
函数GetMonthName（monthNumber）{
var月数=[‘1月’、‘2月’、‘3月’、‘Avr’、‘Mai’、‘Juin’、‘Juil’、‘Aoút’、‘9月’、‘10月’、‘11月’、‘12月’]；
返回月份[月数-1]；
}
var newDate=''++''+dateStr[0]+''++''+GetMonthName（dateMM）+''++''+dateStr[2]+''++'+'+'+''；
$（'.test'）.append（newDate）；
});

30/11/2016  
请向我们展示您的JS代码，然后我们就可以看到出了什么问题。您想通过单击按钮来完成吗？@SilentCoder。我只想写一个jquery代码。@jrswgtr。我无法在日期中添加div。如果我可以在日期中添加一个div，那么通过对Id或Class使用append方法，我就可以继续了。请演示如何在日期中添加div。@jrswgtr。谢谢你的支持和回答。谢谢你的完美回答。谢谢你的回答。谢谢你的回答，我也是Manipal的。酷。享受麻省理工学院的生活！谢谢你的回答。