J'essaie d'utiliser le paquet 'pickadate' dans MeteorJS mais 'pickadate' change la date dans toutes les instances de template au lieu de celle où je veux. Les trois instances 'myTemplate' doivent être indépendantes, donc j'utilise reactiveVars local. La variable réactive 'day' stocke la date et lorsque le sélecteur de date se ferme, le sélecteur prend la date 'mise en surbrillance' du sélecteur et le 'jour' de l'instance myTemplate est défini sur cette date. (Dans « picker.on », « ce » fait référence au sélecteur.)Pickadate change la date sur plusieurs instances de template dans le météore
Template.myTemplate.helpers({
myDay: function() {
var myDay = Template.instance().day.get();
return moment(myDay).format('ddd YYYY-MM-DD');
}
});
Template.myTemplate.events({
});
Template.myTemplate.onCreated(function() {
this.day = new ReactiveVar(new Date('2015-08-02'));
});
Template.myTemplate.onRendered(function() {
var tmplInstance = this;
var $input = $('div.ui.myDay.button').pickadate({
containerHidden: '#hidden-input-outlet'
});
var picker = $input.pickadate('picker');
picker.on({
close: function() {
tmplInstance.day.set(moment(this.get('highlight').obj)._d);
}
});
});
Mais pour une raison quelconque la nouvelle date se situe sur les trois cas, au lieu de simplement celui que je l'utilise sur pickadate.
Le code est sur meteorpad.com, où les boutons n'apparaîtront pas mais vous pouvez cliquer sur les dates.
La question est de savoir comment faire fonctionner le sélecteur de date des boutons indépendamment.
En outre, la fenêtre contextuelle de pickadate montre en cliquant sur l'un des boutons, seul le pop-up du premier bouton va changer la date, et qui change la date sur les trois boutons. – Ferenc