2016-05-13 16 views
0

私のコードはそうのようなものです:流星群反応日ですか?

$('#day1').text(day1); 
$('#day2').text(day2); 
$('#day3').text(day3); 

そして、私のHTML::

<template name="doodad"> 
<div id="day1"></div> 
<div id="day2"></div> 
<div id="day3"></div> 
</template> 
私は(同じonRendered機能の下)のようにjQueryを介して、これを呼び出しています現時点では

Template.doodad.onRendered(function(){ 
var day1 = moment().format("ddd"); 
var day2 = moment().add(1,'d').format("ddd"); 
var day3 = moment().add(2,'d').format("ddd"); 
}); 

もちろん、これは反応的なものではなく、データの変更に応じて情報が更新されるようにしたいと考えています。私はこれを達成するためのツールを探していましたが、chronosが何か効果がありますが、ドキュメントには翌日(明日、翌日など)を追加する方法は記載されていません。

return Chronos.currentTime().add(1,'d');のようなものは入力できません。

テンプレートに新しい日数を追加する理想的な方法は何ですか?

答えて

1

メテオでは、通常、ページのコンテンツを設定するためにjQueryを使用しないでください。これを反応させたい場合、これはもっと複雑になります。むしろ自動的に反応するテンプレートヘルパーを使用してください。

<template name="doodad"> 
    <div>{{day1}}</div> 
    <div>{{day2}}</div> 
    <div>{{day3}}</div> 
</template> 
Template.doodad.helpers({ 
    day1() { 
     return Chronos.liveMoment().format("ddd") 
    }, 
    day2() { 
     return Chronos.liveMoment().add(1, "d").format("ddd") 
    }, 
    /* etc */ 
}); 

currentTimeのようですが、瞬間ではなく、日付を返すChronos.liveMomentの使用に注意してください。

関連する問題