Question

现在我想以这样的方式自定义此日历，即每个空单元格都应该有一个“Place Booking”链接。单击此锚点应该在新选项卡中打开它，并在URL中获取该单元格的日期。

这是我的代码

$('.fc-day-number').each(function() {
   var day = parseInt($(this).html());
   $(this).html('<a href="http://www.example.com/booking.php?booking_date='booking date of the cell'" target="_blank">' + day + '</a>');
});

暂时我把锚放在牢房的天数上。但问题是，当我从插件的后退和前进按钮更改月份时锚点消失，我也无法获得单元格的日期。

我不是JS的专家，我们非常感谢任何帮助。

Answer 1

试试这个：

＆＃13;

$('#calendar').fullCalendar({
  viewRender: function(view, $element) {
    $element.find('.fc-day-number').each(function() {
      var $this = $(this);
      var match = (/^(\d+)\-(\d+)\-(\d+)$/).exec($this.attr('data-date'));
      var date = new Date(+match[1], +match[2], +match[3]);

      $(this).wrapInner('<a href="http://www.example.com/booking.php?booking_date=' + encodeURIComponent(date.toUTCString()) + '" target="_blank"></a>');
    });
  }
});

＆＃13;

<link href="http://fullcalendar.io/js/fullcalendar-2.7.2/fullcalendar.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<script src="http://fullcalendar.io/js/fullcalendar-2.7.2/fullcalendar.min.js"></script>
<div id="calendar"></div>

＆＃13;

Answer 2

.fc-day-number {
  cursor: pointer;
}

<p>+ Duty: Rs. 
<?php 
echo (round($r));
?> 

<p>+ Cess: Rs. 
<?php 
echo ($l);
?> 

<p>
<?php 
$a = $this->prodDet->v_price;
if($a > 10000)
            {   
                $tcs=(round(.01*$a));
                echo "+ TCS: Rs. $tcs";

            }   
 ?>

 <p><b> Net Cost </b>: Rs.

全日历在空单元格中添加锚点

2 个答案: