Question

从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>

Answer 1

在<div my-component> <tr>...</tr> </div>首先添加jQuery，然后添加packages.js

rajit:bootstrap3-datepicker

如果您使用引导日期选择器，日期将消失

1 个答案: