我正在使用此网站上的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()函数有效?