Javascript 我需要在单击日历单元格（dncalendar）时显示引导模式

我需要帮助如何显示模式时，我点击日历单元格，即时通讯使用。 我想如果你只需点击单元格，模式就会打开并显示事件的时间日期。。

（函数a{a.fn.dnCalendar=function（n）{var l=a（this）；var b={}；var d=new Date（）；var i=null；var f=new Date（）；var e=function（q，s）{var r=new Date（q，s-1,1）；var o=new Date（q，s，0）；var p=r.getDay（）+o.getDate（）；return Math.ceil（p/7）}；var h=function（）{var Z=d.getMonth（）；var=function（{var Z=d.getMonth（）；var=d（）；var=fulld=Date；var=fulld=year=year=month；var=month=month=month（）；var=month=month=mon（b.MonthethethethetheMonthWeWestWeWeWeWeWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestName==真实）{J=b.MonthWestWestWestWestWesthon（Z）var=X=X=a（“”）VAX=a（“”）VAX=a（“”；X.a（“”；X.a（“）a（“；X.a（“；X.附加（“““+J++””””””””””””””””””；X.附加（“+J+J+J+J+J+J++T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+）））（一）如果（一）如果（一）或者（一）如果（二）如果（二）如果（二）如果（二）或者（二）如果（二）如果（二）或者（二）或者（二）或者（二）或者（一）新日期（F[0]，F[1]F[1]F[1]F[1]F[1]F[1]1，F[1]F[1]F[1]F[1]1]，F[1]F[1]F[1]1]1]1]1]1]1，F[1]1]1]1]1]1]1，1，1，1，1，1]1，1，1，1，1，1，1，1，1，1，1，1，1，1，1，1，1，1，1，F[1，1，1，1，1，1，1，1，1，1，1，F[1，F[2]F[2]F[1]1，1 H=“数据标题='”+Z+“'”}如果（i！=null&&i.getFullYear（）==s.getFullYear（）&&i.getMonth（）==s.getMonth（）&&i.getDate（）==Y）{w=“默认日期”；H=“数据标题=”“+ac+”””}如果（ab==0 | ab==E-1）{w+=“假日”}如果（b.notes的类型！=“未定义”）{if（k（新日期（s.getFullYear（），s.getMonth（），Y（））{w+=“note”}注”}如果（A）{(“
”；for（var ad=0；ad0）{I+=“：”；for（var ab=0；ab
$（文档）.ready（函数（）{
var my_calendar=$（“#dncalendar容器”）.dncalendar({
dataTitles:{defaultDate:'default'，today:'today'}，
注:[
{“日期”：“2016-02-25”，“注：[“此处日期”]}，
{“日期”：“2016-02-28”，“注”：[“此处日期”]}
],
showNotes:true，
dayClick：功能（日期、视图）{
警报（date.getDate（）+“-”+（date.getMonth（）+1）+“-”+date.getFullYear（））；
}
});
//初始日历
my_calendar.build（）；
//更新日历
my_calendar.update({
minDate：“2016-02-23”，
defaultDate:新日期（）
});
});

给你

添加模式HTML标记

<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body"></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

添加了

selecteddate

作为当前日期的变量

单击日历日期，modal将通过JavaScript

$（“#myModal”）显示。modal（'show'）

使用modal

Showed.bs.modal

事件，并在显示modal时将

var selecteddate

值传递给

$（'.modal body'）

同样，可以通过日历日期传递任何其他信息

（函数a{a.fn.dnCalendar=function（n）{var l=a（this）；var b={}；var d=new Date（）；var i=null；var f=new Date（）；var e=function（q，s）{var r=new Date（q，s-1,1）；var o=new Date（q，s，0）；var p=r.getDay（）+o.getDate（）；return Math.ceil（p/7）}；var h=function（）{var Z=d.getMonth（）；var=function（{var Z=d.getMonth（）；var=d（）；var=fulld=Date；var=fulld=year=year=month；var=month=month=month（）；var=month=month=mon（b.MonthethethethetheMonthWeWestWeWeWeWeWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestWestName==真实）{J=b.MonthWestWestWestWestWesthon（Z）var=X=X=a（“”）VAX=a（“”）VAX=a（“”；X.a（“”；X.a（“）a（“；X.a（“；X.附加（“““+J++””””””””””””””””””；X.附加（“+J+J+J+J+J+J++T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+T+）））（一）如果（一）如果（一）或者（一）如果（二）如果（二）如果（二）如果（二）或者（二）如果（二）如果（二）或者（二）或者（二）或者（二）或者（一）新日期（F[0]，F[1]F[1]F[1]F[1]F[1]F[1]1，F[1]F[1]F[1]F[1]1]，F[1]F[1]F[1]1]1]1]1]1]1，F[1]1]1]1]1]1]1，1，1，1，1，1]1，1，1，1，1，1，1，1，1，1，1，1，1，1，1，1，1，1，1，F[1，1，1，1，1，1，1，1，1，1，1，F[1，F[2]F[2]F[1]1，1 H=“数据标题='”+Z+“'”}如果（i！=null&&i.getFullYear（）==s.getFullYear（）&&i.getMonth（）==s.getMonth（）&&i.getDate（）==Y）{w=“默认日期”；H=“数据标题=”“+ac+”””}如果（ab==0 | ab==E-1）{w+=“假日”}如果（b.notes的类型！==“未定义”）{if（k（新日期（s.getFullYear（），s.getMonth（），Y））{w+=“note”}注”}如果（注）{
”；for（var ad=0；ad0）{I+=“：”；for（var ab=0；ab
&时代；
模态头
接近
$（文档）.ready（函数（）{
var my_calendar=$（“#dncalendar容器”）.dncalendar({
dataTitles:{defaultDate:'default'，today:'today'}，
注:[
{“日期”：“2016-02-25”，“注：[“此处日期”]}，
{“日期”：“2016-02-28”，“注”：[“此处日期”]}
],
showNotes:true，
dayClick：功能（日期、视图）{
var selecteddate=date.getDate（）+“-”+（date.getMonth（）+1）+“-”+date.getFullYear（）；
$（'#myModal'）.modal（'show'）.on（'show.bs.modal'，函数（）{
$（'.modal body'）.html（selecteddate）；
});
}
});
//初始日历
my_calendar.build（）；
//更新日历
my_calendar.update({
minDate：“2016-02-23”，
defaultDate:新日期（）
});
});

为你的问题添加代码，否则你将被淘汰。谢谢你，我已经这么做了，你能检查一下吗？你只需要写引导模式的帮助，还是想在那里显示便笺文本？嗯，这是一个事件日历，我想当你点击日历单元格时，它在模式上显示每天的日程安排

dayClick: function(date, view) {
var selecteddate = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
    $('#myModal').modal('show').on('shown.bs.modal', function () {
        $('.modal-body').html(selecteddate);
    });
}