Question

我正在使用此网站上的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（）函数有效？

Answer 1

查看我所做的同一项目。

将很快发布答案

https://github.com/kokaqux/posttracker

Bootstrap3 Datetimepicker问题：缺少图标，如何使用Date（）函数？

1 个答案: