如果您使用引導日期選擇器，則日期會消失

從github上拉工作示例，dateExample。如果您使用引導日期選擇器，則日期會消失

我之前問過這個問題，但建議沒有奏效，所以我創建了一個小的工作示例。如果有人能指引我正確的方向，我可以把它放在網上，並在這裏發佈鏈接。這是一個流星應用程序。

問題

AUTOFORM生成與日期的形式。該表單以數組形式工作，並使用引導程序模板，該模板爲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);

路徑：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>

來源

2016-03-23 bp123

使用nitrous.io免費部署（僅限50小時） –

這是一個真正的答案。我的問題是關於社區使用的流星包。我原以爲更多的開發者會對修正這個錯誤感興趣。我不是在尋找自由發展。 – bp123

我在評論中的意思是，嘗試「在線實現」你的代碼，以便我們可以看看錯誤/錯誤 –

在你packages.js先添加jQuery和比增加rajit:bootstrap3-datepicker

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

來源

2016-04-10 14:51:02

感謝您的建議。 Jquery已經作爲標準流星包安裝在上面。我曾嘗試刪除它，並將jquery文件放在建議的位置，同時刪除並重新安裝rajit：bootstrap3-datepicker，但它沒有解決問題。 – bp123

如果您使用引導日期選擇器，則日期會消失

回答

相關問題