1

私はJqueryで立ち往生しています。私が達成しようとしているのは、Bootstrap プログレス バーを使用し、Jquery のスタイルを変更してバーの幅を調整することです。開始日と終了日を指定すると、プログレス バーは今日の日付に基づいて完了率を計算します。

終了日を過ぎていない場合は問題なく動作します。ただし、終了日が過ぎたときに問題が発生します。100% と表示され、100% を超えて計算し続ける必要はありません。誰かがそれを見て、おそらく何かが欠けている私の数学を改善できたら.

これが私のJqueryコードです:

var div_start = document.getElementById("StartDate");
var div_end   = document.getElementById("EndDate");
var start = new Date(div_start.innerHTML);
var end = new Date(div_end.innerHTML);
var today = new Date();

var total = end - start;
var progress = today - start;
var percent = Math.round(progress/ total * 100 ) + "%";
var div_per = document.getElementsByClassName('bar')[0];
div_per.style.width = percent;
div_per.innerHTML = percent;

http://jsfiddle.net/CjeMD/4/に置きました

4

0 に答える 0