Question

是否有任何日历在cluetip中使用我使用了jquery ui日历和许多其他日历，他们在cluetip旁边工作非常精细但是当它在cluetip内部调用它工作

请提前帮助thanx

<div class="calendar_button"> <a class="cal_box" href="#calendar" rel="#calendar">
        <div class="calendar_side_buton_icon"></div>
        <span>Calendar</span> </a> </div>
      <!-- close photo button -->

      <div class="displaynone" id="calendar">
        <div class="modalbox_header">
          <div class="modalbox_header_icon calen_icon"></div>
          <div class="modalbox_header_txt">Calendar</div>
        </div>
        <!-- close modalbox header -->
        <div class="modalbox_content">
          <div class="cal_container">
            <div class="cal_view">
            <div id="datepicker"></div>
              <div class="caln_header">
                <div class="caln_header_left"></div>
                <div class="caln_header_center">
                  <div class="left_keyring"></div>
                  <div class="right_keyring"></div>

检查我有这么多div。

Answer 1

就像现在我知道你的问题，我带来了（有点hacky）解决方案。你可以看到它here：

$('.cluetip-trigger').cluetip({
  local: true,
  showTitle: false,
  width: '305px',
  sticky: true,
  onShow: function(ct, ci){
    this.calendar = $('<div>').datepicker({
      onSelect: function(dateText, inst) {
        alert('You\'ve selected '+dateText);
      }
    }).appendTo(ci);
  },
  onHide: function(ct, ci){
      this.calendar.datepicker( "destroy" ).remove();
  }
});

在cluetip中工作的日历插件

1 个答案: