0

私のウェブサイトで次のようなものを表示するのに役立つ、シンプルで軽量な jquery プラグインを探しています。

ここに画像の説明を入力

基本的に、これはタイムラインのようなものです。私は開始日と終了日を知っています (つまり、それらは変更されません)。今日の日付の位置は、2012 年 6 月 1 日に開始したタスクの進捗状況を示しています。必要なのはそれだけです。 for - 私の現在のステータスをより視覚的に示します。多くの jquery タイムライン プラグインを見つけましたが、私がしようとしていることには複雑すぎます。アイデアや提案はありますか？前もって感謝します。

4

1 に答える 1

1

あなたはおそらく次のようなことをするでしょう：

http://codepen.io/sheepysheep60/pen/lywCE

<script type="text/javascript">
$(function(){
        // Get the end date
    end = new Date(2014, 2, 10).getTime() / 1000;
    // Start date
    start = new Date(2012, 6, 1).getTime() / 1000;
    // Today's date
    today = new Date().getTime() / 1000;

    // Percent = the string, of the rounded number, of today / end date * 100
    percent = String(Math.round((today-start)/(end-start)*100)) + "%"; // = ~ 64

    //Change the markers left css to the percent variable
    $("#marker").css('left', percent);
});
</script>
于 2013-07-03T12:38:47.747 に答える