2

私はhtmlとphpで構築されたカレンダーを持っており、月のリンクをリストするための次のフォーマットを持っています:

    <ul class="month-list">
        <li class="nolink">Jan</li>
        <li class="nolink">Feb</li>
        <li class="nolink">Mar</li>
        <li><a href="?month=April">Apr</a></li>
        <li><a href="?month=May">May</a></li>
        <li><a href="?month=June">Jun</a></li>
        <li><a href="?month=July">Jul</a></li>
        <li><a href="?month=August">Aug</a></li>
        <li><a href="?month=September">Sep</a></li>
        <li><a href="?month=October">Oct</a></li>
        <li><a href="?month=November">Nov</a></li>
        <li><a href="?month=December">Dec</a></li>
    </ul>

月が過ぎている場合はリンクを削除し、nolink のクラスを追加するには、jQuery で日付比較を行う必要がありますが、正しい構文を見つけることができませんでした。

基本的にこれを行う構文を探しています: 月 = 現在の月の場合、前の月からリンクを削除し、クラス「nolink」を追加します。

誰か提案はありますか？

4

1 に答える 1

3

:lt()jQuery セレクターと JSを使用するとnew Date().getMonth()簡単です。

LIVE DEMO

var m = new Date().getMonth(); // Returns the curr. month "zero" based (0 -> 11)

$('.month-list li:lt('+ m +')').each(function(){
  $('a', this).contents().unwrap('a').parent('li').addClass('nolink');
});

デモにからまでのvar m = new Date().getMonth();値を手動で入力する代わりに、すべての月でテストします。少しトリッキーですが、今月が011a value -1

于 2013-04-22T20:49:44.517 に答える