使用模板助手显示时间和日期与流星

时间:2016-08-02 14:39:16

标签: javascript date templates meteor

我目前正在学习流星框架,现在我无法理解为什么我的代码无法正常工作。我试图创建一个名为" time"它有一个名为" date"的变量。它使用新的Date();在我的HTML文件上显示日期和时间,但它不起作用。所有它显示的是"现在的时间是"没有显示时间。

这是我的HTML和JS文件(我尝试使用与我课程使用的第一个模板图像相同的逻辑):

HTML:

<head>
  <title>my_first_app</title>
</head>
<body>
  <h1>Hello from Greece!</h1>
  {{>time}}
</body>

<template name="time">
  <p>The time now is {{date}}</p>
</template>

使用Javascript:

import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';
import './main.html';

var date = new Date();

Template.time.helpers({
  time: function(){
    return new Date();
  }
});

1 个答案:

答案 0 :(得分:2)

您只需将模板中的帮助名称更改为“时间”而不是“日期”,或者减少您可以这样做的歧义:

<head>
  <title>my_first_app</title>
</head>
<body>
<h1>Hello from Greece!</h1>
{{>time}}
</body>
<template name="time">
  <p>The time now is {{timeVal}}</p>
import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';

import './main.html';

var date = new Date();


Template.time.helpers({


timeVal: function(){ return new Date(); }});