2016-03-23 15 views
6

githubの作業例を引き抜くと、dateExampleとなります。ブートストラップ日付ピッカーを使用すると、日付が消えます。

私はこの質問をしましたが、提案がうまくいかなかったので、小さな実例を作成しました。誰かが正しい方向に私を指すことができる場合は、私はそれをオンラインにして、ここにリンクを投稿することができます。それは流星のアプリです。

問題

オートフォームは、日付の形式を生成します。フォームは配列として機能し、ボタンをaddまたはremoveに追加するブートストラップテンプレートを使用します。 aldeed:autoform-bs-datepickerを使用すると、奇妙な問題がフォームに表示されます。保存する前に日付を入力して+-ボタンを押すと、日付が消えます。 autoform-bs-datepickerを使用しないと、この問題は解決しません。

オンラインでサンプルを投稿できる方法がある場合は、私に教えてください。私はそれをします。

パス:packages.js

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

パス: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); 

パス:あなたのpackages.jsdateExample.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

無料配布(50時間のみ)のためにnitrous.ioを使用してください –

+0

これは本当に答えです。私の質問は、コミュニティが使用する流星パッケージに関するものです。私はもっ​​と多くの開発者がこのエラーを修正することに興味があると思っていたでしょう。私は自由な開発を探しているわけではありません。 – bp123

+0

私がコメントで意味したことは、エラー/バグ –

答えて

0

最初のjQueryを追加し、rajit:bootstrap3-datepicker

を追加するよりも
twbs:bootstrap 
aldeed:collection2 
aldeed:autoform 
jquery 
rajit:bootstrap3-datepicker 
aldeed:autoform-bs-datepicker 
+0

提案をありがとう。 Jqueryはすでに標準流星パッケージとして上にインストールされていました。私はそれを削除してjqueryファイルを配置しようとしましたが、rajit:bootstrap3-datepickerを削除して再インストールしても問題は解決しませんでした。 – bp123

関連する問題