按日期触发jquery选项卡 [英] trigger jquery tabs by date
本文介绍了按日期触发jquery选项卡的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用jquery标签来过滤一周内发生的一些事件。
http://jqueryui.com/tabs/
所以我有选项卡
< div id =tabs>
< ul>
< li>< a href =#tabs-1> 2013年6月1日< / a>< / li>
< li>< a href =#tabs-2> 2013年6月2日< / a>< / li>
< li>< a href =#tabs-3> 2013年6月3日< / a>< / li>
< / ul>
< div id =tabs-1>
< p> Proin elit arcu,rutrum commodo,vehiura 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>
我想在2013年6月1日开放的例子tab-1,然后当6月2日tab-2将是页面加载中的活动选项卡。
解决方案
有点奇怪。你可以这样做。
< li>< a href =#tabs-1data-date = 2013-06-01> 2013年6月1日< / a>< / li>
< li>< a href =#tabs-2data-date =2013-06-02> 2013年6月2日< / a>< / li>
< li>< a href =#tabs-3data-date =2013-06-03> 2013年6月3日< / a>< / li>
一旦页面加载,您可以使用:
($)$($)$($)$($)$($) ())。getMonth()+ 1)+ - +(new Date())。getDate();
$('[data-date ='+ today +'] ();
});
您将打开当天的标签。
小提琴: http://jsfiddle.net/praveenscience/f2Mav/
I am using jquery tabs to filter some events that are happening for one week. http://jqueryui.com/tabs/
So i have the 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>
I want for example tab-1 to open on 1st June 2013 and then when the 2nd of june comes tab-2 will be the active tab on page load.
解决方案
Kind of weird. You can do this way.
<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>
And once the page loads, you can use:
$(document).ready(function(){
var today = (new Date()).getFullYear() + "-" + ((new Date()).getMonth()+1) + "-" + (new Date()).getDate();
$('[data-date="' + today + '"]').click();
});
And you will get open the current day's tab.
Fiddle: http://jsfiddle.net/praveenscience/f2Mav/
这篇关于按日期触发jquery选项卡的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文