2016-03-23 11 views
6

Estrarre l'esempio di lavoro da github, dateExample.La data scompare se si utilizza selettore data bootstrap

Ho già fatto questa domanda ma il suggerimento non ha funzionato, quindi ho creato un piccolo esempio di lavoro. Se qualcuno mi può indirizzare nella giusta direzione, posso metterlo online e pubblicare il link qui. È un'app di meteore.

Il problema

Autoform genera un modulo con le date. Il modulo funziona come una matrice e utilizza il modello di avvio che fornisce alcuni pulsanti +- a add o remove voci aggiuntive. Quando utilizzo aldeed:autoform-bs-datepicker, nel modulo appare uno strano problema. Se inserisci una data e premi i pulsanti +- prima di salvare, le date scompaiono. Se non si utilizza autoform-bs-datepicker questo problema va via.

Vedere il codice qui sotto, se c'è un modo in cui posso pubblicare l'esempio online fammelo sapere e lo farò.

Percorso: packages.js

twbs:bootstrap 
aldeed:collection2 
aldeed:autoform 
rajit:bootstrap3-datepicker 
aldeed:autoform-bs-datepicker 

Percorso: Schemas.js

Classes = new Mongo.Collection("Classes"); 

var Schemas = {}; 

Schemas.DatesNotWorking = new SimpleSchema({ 
    name: { 
     type: String, 
     optional: true   
    }, 
    startDate: { 
     type: Date, 
     optional: true, 
     autoform: { 
      type: "bootstrap-datepicker", 
      "data-date-autoclose": "true", 
      datePickerOptions: { 
       format: "yyyy", 
       startView: "years", 
       minViewMode: "years" 
      } 
     }  
    }, 
    endDate: { 
     type: Date, 
     optional: true, 
     autoform: { 
      type: "bootstrap-datepicker", 
      "data-date-autoclose": "true", 
      datePickerOptions: { 
       format: "yyyy", 
       startView: "years", 
       minViewMode: "years" 
      } 
     }    
    } 
}); 


Schemas.DatesWorking = new SimpleSchema({ 
    name: { 
     type: String, 
     optional: true   
    }, 
    startDate: { 
     type: Date, 
     optional: true 
    }, 
    endDate: { 
     type: Date, 
     optional: true  
    } 
}); 

Schemas.Subjects = new SimpleSchema ({ 
    datesNotWorking: { 
     type: [Schemas.DatesNotWorking], 
     optional: true 
    }, 
    datesWorking: { 
     type: [Schemas.DatesWorking], 
     optional: true 
    } 
}); 


Classes.attachSchema(Schemas.Subjects); 

Percorso: dateExample.html

<head> 
    <title>dateExample</title> 
</head> 

<body> 
    {{> dateExampleNotWorking}} 


    {{> dateExampleWorking}} 
</body> 



<template name="dateExampleNotWorking"> 
    {{#autoForm collection="Classes" id="classesForm" type="update"}} 

     {{> afQuickField name='datesNotWorking'}} 

     <button type="submit" class="btn btn-primary submit">Update</button> 

    {{/autoForm}} 

</template> 




<template name="dateExampleWorking"> 
    {{#autoForm collection="Classes" id="classesForm" type="update"}} 

     {{> afQuickField name='datesWorking'}} 

     <button type="submit" class="btn btn-primary submit">Update</button> 

    {{/autoForm}} 

</template> 
+0

utilizzare nitrous.io per la distribuzione gratuita (solo 50 ore) –

+0

è davvero una risposta. La mia domanda riguarda un pacchetto di meteore che la comunità usa. Avrei pensato che più sviluppatori sarebbero interessati a correggere questo errore. Non sto cercando lo sviluppo gratuito. – bp123

+0

cosa intendevo nel commento che, prova a "viverlo online" il tuo codice in modo che possiamo dare un'occhiata all'errore/bug –

risposta

0

Nel vostro packages.js prima aggiungere jQuery e che aggiungere rajit:bootstrap3-datepicker

twbs:bootstrap 
aldeed:collection2 
aldeed:autoform 
jquery 
rajit:bootstrap3-datepicker 
aldeed:autoform-bs-datepicker 
+0

Grazie per il suggerimento. Jquery era già installato sopra come un pacchetto di meteore standard. Ho provato a rimuoverlo e ad inserire il file jquery in cui mi hai suggerito, rimuovendo e reinstallando rajit: bootstrap3-datepicker, tuttavia non ha risolto il problema. – bp123