2016-06-01 10 views
0

ERPシステムの出力に基づいて自動的にHTMLテーブルを構築し、CSSを使用して簡単にフォーマットすることができました。最後のステップは、日付フィールドの条件付き書式設定です。日付が<の場合は、今から4,> 7日の間にREDフィールドを作成し、それ以外の場合は「NOW」に設定します。HTMLテーブルの条件付き警告

このサイトから数多くの例を得て、私は望んでいます何らかの理由で頭がおかしい基本的なDATE MATHを手助けすることができます。

今、私の日付フィールドはtd:nth-​​child(4)にあり、私はそれを守りたい現在の日付。

<script> 

    $(document).ready(function() { 

      $('table td:nth-child(4)').each(function() { 
       var D1 = $(this).text(); 
       var D2 = new Date(); 

       if ((D1 - D2) < 4) { 
        $(this).css('backgroundColor', 'RED'); 
       } 
       else if((D1 - D2) < 7) && ((D1 - D2) > 4) { 
        $(this).css('backgroundColor', 'YELLOW'); 
       } 
       else { 
        $(this).css('backgroundColor', '#99faa0'); 
       } 

      }); 
      event.preventDefault(); 
    }); 

    </script> 
+0

これは役立つかもしれないhttp://stackoverflow.com/questions/41948/how-do-i -get-the-difference-between-two-dates-in-javascript – Coleman

答えて

0

日付を比較して比較する必要があります。

参考:

Get difference between 2 dates in javascript?

var _MS_PER_DAY = 1000 * 60 * 60 * 24; 

// a and b are javascript Date objects 
function dateDiffInDays(a, b) { 
    // Discard the time and time-zone information. 
    var utc1 = Date.UTC(a.getFullYear(), a.getMonth(), a.getDate()); 
    var utc2 = Date.UTC(b.getFullYear(), b.getMonth(), b.getDate()); 
    return Math.floor((utc2 - utc1)/_MS_PER_DAY); 
} 

ワーキングサンプル

https://jsfiddle.net/zsLfh3kj/1/

+0

あなたがすでに見つかった質問を見つけたらあなたが見つけた質問の重複として質問にフラグを立ててください。答えないでください。 –

+0

ありがとうございます。このリンクと他のリンクの間で私はそれを理解することができました。 –

関連する問題