0

我正在使用 jquery 选项卡来过滤一周内发生的一些事件。 http://jqueryui.com/tabs/

所以我有标签

   <div id="tabs">
  <ul>
    <li><a href="#tabs-1">1st June 2013</a></li>
    <li><a href="#tabs-2">2nd June 2013</a></li>
    <li><a href="#tabs-3">3rd June 2013</a></li>
  </ul>
  <div id="tabs-1">
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris.</p>
  </div>
  <div id="tabs-2">
    <p>Morbi tincidunt</p>
  </div>
  <div id="tabs-3">
    <p>Mauris eleifend est et turpis.</p>
    <p>Duis cursus.</p>
  </div>
</div>

例如，我希望 tab-1 在 2013 年 6 月 1 日打开，然后在 6 月 2 日到来时，tab-2 将成为页面加载时的活动选项卡。

4

2 回答 2

0

您可以使用 jQuery.now() 获取当前日期

于 2013-03-08T15:13:59.223 回答
0

有点奇怪。你可以这样做。

<li><a href="#tabs-1" data-date="2013-06-01">1st June 2013</a></li>
<li><a href="#tabs-2" data-date="2013-06-02">2nd June 2013</a></li>
<li><a href="#tabs-3" data-date="2013-06-03">3rd June 2013</a></li>

页面加载后，您可以使用：

$(document).ready(function(){
    var today = (new Date()).getFullYear() + "-" + ((new Date()).getMonth()+1) + "-" + (new Date()).getDate();
    $('[data-date="' + today + '"]').click();
});

您将打开当天的标签。

小提琴：http: //jsfiddle.net/praveenscience/f2Mav/

于 2013-03-08T15:17:48.447 回答