如何让 twitter 引导日期选择器与 Meteor 一起使用？

Question

我宁愿使用 Bootstrap 的 Meteor 包实现，而不是文件较少的版本，但我很难让日期选择器工作。

似乎有三个版本处于不同的状态，最后一个由 Aymkdn 编写并准备就绪。

http://www.eyecon.ro/bootstrap-datepicker/

https://github.com/eternicode/bootstrap-datepicker/

https://github.com/Aymkdn/Datepicker-for-Bootstrap

Aymkdn 的版本在普通的 html 中运行良好，但不是从 Meteor 提供的，我很想弄清楚原因。

我想将 Aymkdn 的一个与 Meteor 一起使用，但我无法让它工作。我认为这可能与 Meteor 中的 js 加载顺序或 DOM 渲染有关。关于如何让它发挥作用的任何见解？

谢谢 史蒂夫

Answer 1

最初发布此问题时，也许这种方法不可用，但我在呈现其模板时正在初始化日期选择器。

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

这里是活动的链接：http://docs.meteor.com/#template_rendered

使用这种方法，我无需维护会话属性或处理焦点事件。由于会话属性被触发，当模板被卸载并返回时，Prashant 的解决方案对我不起作用。我还有一个问题，即数据选择器在第一次获得焦点时没有显示。

是的，每次渲染模板时数据选择器都会被初始化，但我认为这没关系，因为我很确定模板资源在它们之间导航时会被清理。

Answer 2

为了让日期选择器工作，这就是我所做的，

// At the beginning of the script
Session.set("datepicker_unset", 1);

Template.template_name.events = {
    'focus #date-id' : function(event) {
        if (Session.get("datepicker_unset")) {
            $(event.target).datepicker();
            Session.set("datepicker_unset", 0);
        }
        // Anything else on #date-id focus?
    },
    // Any other events here
}

我猜你正在使用$(document).ready() 方法。我也这样做了，因为它对我不起作用，我认为这将是最好的解决方案。

希望这对你也有用！