Question

我在项目中添加了一个datepicker（https://github.com/deepwell/meteor-bootstrap-datepicker），但我很难将所选日期提交给我的Mongo文档。

如果我按原样使用以下代码，则datepicker工作正常，但提交事件不起作用。但是，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;
  }
});

Answer 1

解决方案最终非常简单。当窗口仍在运行时，日期未正式注册为值。关键是添加autoclose: true,命令。

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

无法在Meteor中提交JQuery datepicker值

1 个答案: