<div>
                            <span class="fa fa-clock-o"></span>
                            <ons-input name="hora_destino_request" id="hora_destino_request" type="time" style="width: 80%;" modifier="underbar" placeholder="Hora" float></ons-input>
                        </div>
                        <br />
                        <div>
                            <input type="hidden" name="count" value="1" />
                            <span class="fa fa-calendar"></span>
                            <ons-input name="field1" id="field1" type="date" style="width: 80%;" modifier="underbar" placeholder="Data" float></ons-input>
                            <br />
                            <button id="add-more" name="add-more" class="btn btn-danger" type="button">+</button>
                        </div>
                        <br>
                        <script>
                            $(document).ready(function () {
                                var next = 1;
                                $("#add-more").click(function (e) {
                                    e.preventDefault();
                                    var addto = "#field" + next;
                                    var addRemove = "#field" + (next);
                                    next = next + 1;
                                    var newIn = '<br /><span class="fa fa-calendar">&nbsp;</span><ons-input name="field' + next + '" id="field' + next + '" type="date" style="width: 80%;" modifier="underbar" placeholder="Data"  ></ons-input>';
                                    var newInput = $(newIn);
                                    $(addto).after(newInput);
                                    $("#field" + next).attr('data-source', $(addto).attr('data-source'));
                                    $("#count").val(next);

                                });
                            });
                        </script>