Value not displaying in Safari inside v-for

This is specific to safari. I’m passing in the data through a loop as in the code below in a table. It works in other browsers, but not safari. I’m on the latest Vue version, just wondering if you might know why it’s doing this.

<tr v-for="(transfer, index ) in shared.transfers" :key="transfer.id">
                                <td>
                                    <datepicker format="dd MMM yyyy" wrapper-class="d-block" input-class="form-control" :name="'transfer_start_date_'+transfer.id" :id="'transfer_start_date_'+transfer.id" :value="transfer.start_date"></datepicker>
                                </td>
                                <td>
                                    <datepicker format="dd MMM yyyy" wrapper-class="d-block" input-class="form-control" :name="'transfer_end_date_'+transfer.id" :id="'transfer_end_date_'+transfer.id" v-model="transfer.end_date"></datepicker>
                                </td>
                                <td>
                                    <input class="form-control" v-model="transfer.companion" type="text">
                                </td>
                                <td>
                                    <input class="form-control" v-model="transfer.area" type="text">
                                </td>
                                <td>
                                    <button class="btn btn-sm btn-danger" @click="removeTransfer(index)"><i class="fa fa-trash-o"></i></button>
                                </td>
                            </tr>

[larsemil]

I have the same issue. Makes v-model kind of hard to work with.

[tiagomatosweb]

This issue seems to persist in Safari. I noticed that creating new Date(‘YYYY-MM-DD HH:MM:SS’) format throws error, while in Chrome does not.

So, I did the said hack, used moment() to reformat the date, like

new Date(moment(myDate).format())

It because moment will convert the date into ISO 8601 format which is YYYY-MM-DDTHH:MM:SS (T in the middle), then Safari can recognise.

You could also split the original string and manually reformat the date adding T in the middle, then use new Date().

Agree stupid but…