我有两个不同的模板,它们使用日期选择器将带有日期的子文档插入到文档中。一个是有效的,一个没有,即使它们看起来相同。项目到期插入工作正常;延迟 - 直到插入只刷新页面。我使用的是rajit:bootstrap3-datepicker包。
HTML(简明):
<template name="itemsList">
{{#each actionItems}}
{{> item}}
{{/each}}
</template>
<template name="item">
<div class="item">
<div class="item-content">
<div class="mod-table">
<form class="form-inline mod-field">
{{#unless actionItem}}
{{> delayUntil}}
{{/unless}}
</form>
{{#if actionItem}}
{{> actionModtable}}
{{/if}}
</div>
</div>
</div>
</template>
<template name="delayUntil">
<form class="form-inline delay-until">
<div class="mod-field">
<input type="text" class="form-control" name="text" id="delay-until-picker" placeholder="Ignore until..." /><button class="btn btn-default" type="submit">Submit</button>
</div>
</form>
</template>
<template name="actionModtable">
{{> datepicker}}
</template>
<template name="datepicker">
<form class="form-inline item-due">
<div class="mod-field">
<input type="text" class="form-control" name="text" id="due-date-picker" placeholder="Enter due date" /><button class="btn btn-default" type="submit">Submit</button>
</div>
</form>
</template>
JS(浓缩):
Template.datepicker.rendered = function() {
$('#due-date-picker').datepicker({
todayBtn: true,
autoclose: true,
todayHighlight: true
});
};
Template.datepicker.events({
'submit .item-due': function(event) {
event.preventDefault();
var itemDue = event.target.text.value;
Items.update(this._id, {$set: {itemDue: itemDue}});
event.target.text.value = "";
return false;
},
});
Template.delayUntil.rendered = function() {
$('#delay-until-picker').datepicker({
todayBtn: true,
autoclose: true,
todayHighlight: true
});
};
Template.delayUntil.events({
'submit .delay-until': function(event) {
event.preventDefault();
var delayUntil = event.target.text.value;
Items.update(this._id, {$set: {delayUntil: delayUntil}});
event.target.text.value = "";
return false;
},
});
答案 0 :(得分:1)
所以答案有点傻。我在表单(oops)中嵌入了一个表单。我摆脱了筑巢,所有这一切都与世界相对。