按日期触发jquery选项卡
我正在使用jquery选项卡筛选一周内发生的一些事件。 所以我有账单按日期触发jquery选项卡,jquery,date,tabs,jquery-tabs,Jquery,Date,Tabs,Jquery Tabs,我正在使用jquery选项卡筛选一周内发生的一些事件。 所以我有账单 <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="#tab
<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>
青蒿素、金樱子、天妇罗、金樱子a、金樱子。库拉比图尔nec arcu。我坐在阿梅特·莫里斯旁边
莫比·廷西登
毛里斯·埃利芬德和图皮斯
杜伊斯·库苏斯
例如,我希望tab-1在2013年6月1日打开,然后当6月2日到来时,tab-2将成为页面加载的活动选项卡。您可以使用
jQuery.now()
获取当前日期有点奇怪。你可以这样做
<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>
您将打开当天的选项卡
Fiddle:如果这是触发制表符的功能,我应该在哪里添加您建议的javascript?”$(function(){$(“#tabs”).tabs();})
$(“#tabs”).tabs()的下一行代码>行,还有,查看我更新的应答器。我发现这是因为我需要更改某个$(function(){$(“#tabs”).tabs(“option”,“active”,1);})上的活动状态;但是我需要创建一个函数,它表示如果日期为07/08/12,则输出数字=7
$(document).ready(function(){
var today = (new Date()).getFullYear() + "-" + ((new Date()).getMonth()+1) + "-" + (new Date()).getDate();
$('[data-date="' + today + '"]').click();
});