Bootstrap3 Datetimepicker问题:缺少图标,如何使用Date()函数?

时间:2015-07-14 10:19:38

标签: twitter-bootstrap meteor datetimepicker

我正在使用此网站上的Meteor打包的Bootstrap3 Datetimepicker:

https://github.com/tsega/meteor-bootstrap3-datetimepicker

我有两个问题。

1)您点击的按钮上没有日历图标来打开日历。

2)date()函数失败并出现错误:“模板助手中的异常:TypeError:$(...)。datetimepicker(...)。date不是函数”。

这是我通过命令行包含的内容:

meteor add jquery
meteor add mrt:moment
meteor add twbs:bootstrap 
meteor add tsega:bootstrap3-datetimepicker

这些可能不是正确的软件包,但它们确实让它基本上正常工作......

我已经按照作者页面上的示例进行了操作。这是我的JavaScript:

if (Meteor.isClient) {
  Template.say_when.onRendered(function() {
    this.$('.datetimepicker').datetimepicker({
    }).on('dp.change', function(e){
      Session.set("selected", e.date.format());
    });
  });

  Template.say_when.helpers({
    // Works
    show_date: function(){
      return Session.get("selected");
    },
    // Fails
    test: function(){
      var date = $('.datetimepicker').datetimepicker().date();
      console.log("Date from picker: " + date);
    }
  });
}

这是我的HTML:

<head>
  <title>datetimepicker</title>
</head>

<body>
  <h1>Bootstrap3 Datetimepicker in Meteor</h1>

  {{> say_when}}
</body>

<template name="say_when">
  <div class="input-group datetimepicker">
    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
    <input class="set-due-date form-control" type="text"/>
  </div>

  <p>{{show_date}}</p>
  <p>{{test}}</p>
</template>

1)为了获得日历图标,我还需要添加其他内容吗?

2)如何使date()函数有效?

1 个答案:

答案 0 :(得分:0)

查看我所做的同一项目。

将很快发布答案

https://github.com/kokaqux/posttracker