Pull working example from github, dateExample.
I've asked this question before however the suggestion didn't work so I've created a small working example. If someone can point me in the right direction I can put it up online and post the link here. It is a meteor app.
The problem
Autoform generates a form with dates. The form works as an array and uses the bootstrap template which provides some +- buttons to add or remove additional entries. When I use aldeed:autoform-bs-datepicker a strange problem appears within the form. If you enter a date and hit the +- buttons before saving, the dates disappear. If you don't use autoform-bs-datepicker this problem goes away.
See the code below, if there is a way I can post the example up online let me know and I'll do it.
Path: packages.js
twbs:bootstrap
aldeed:collection2
aldeed:autoform
rajit:bootstrap3-datepicker
aldeed:autoform-bs-datepicker
Path: 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);
Path: 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>