Javascript 无法在Meteor中提交JQuery datepicker值

我在我的项目中添加了一个日期选择器（），但是我很难将所选日期提交到我的Mongo文档中

如果我按原样使用以下代码，datepicker工作正常，但submit事件不工作。但是，datepicker字段仍然被清除

如果我注释掉三行Template.datepicker.rendered，表单提交事件就可以正常工作并插入到Mongo文档中。想法

// item.html

{{#if editMode}}
{{> datepicker}}
{{/if}}

// datepicker.html

<template name="datepicker">
  <form class="form-inline mod-field item-due">  
    <div class="mod-field">
      <span>Due date: </span><input type="text" name="text" class="datepicker" />
    </div>
  </form>
</template>

// datepicker.js

Template.datepicker.rendered = function() {
  this.$('.datepicker').datepicker();
};

Template.datepicker.events({
  'submit .datepicker': function(event) {
    event.preventDefault();

    var itemDue = event.target.text.value;

    Items.update(this._id, {$set: {itemDue: itemDue}});

    event.target.text.value = "";

    return false;
  }
});

//item.html
{{{#如果编辑模式}
{{>datepicker}
{{/if}
//datepicker.html
到期日：
//datepicker.js
Template.datepicker.rendered=函数（）{
这是.$（'.datepicker'）.datepicker（）；
};
Template.datepicker.events({
“submit.datepicker”：函数（事件）{
event.preventDefault（）；
var itemDue=event.target.text.value；
update（this._id，{$set:{itemDue:itemDue}}）；
event.target.text.value=“”；
返回false；
}
});

解决方案非常简单。当窗口仍然打开时，日期没有正式注册为值。关键是添加

autoclose:true，

命令

Template.datepicker.rendered = function() {
  this.$('.datepicker').datepicker({
    autoclose: true,
  });
};

---

您是否在终端或浏览器控制台中收到任何错误？此外，在事件映射中，如果要使用submit，则应将表单作为目标，如下面的

“submit form”：function（）

不显示任何内容。即使我用console.log启动提交事件，我在控制台上也看不到任何东西。将其提交到具有item-due的表单。请尝试其他事件。添加

Click

然后尝试重写事件

'Click.Click me'：函数（事件）{console.log（'the event ocated！'）}

，因为除了为提交事件选择错误的元素之外，我觉得一切都很好。在Click事件中，您可以使用简单的选择器

var itemDue=$（'.datepicker'）.val（）

click me事件工作正常。这让事情变得更加奇怪。然后我修改了事件以尝试您提到的选择器，但仍然没有成功：

var itemDue=$（'.datepicker'）.val（）；