Comienzo a usar un componente <datetime-picker> terceros que solo acepta una Date[] de tamaño 2 como su v-model (por un rango de tiempo). En mi base de código anterior, mantuve 2 objetos Date separados, es decir, startTime y endTime , y espero seguir con eso.
// in previous codebase (class-based Vue component) private startTime = new Date(); private endTime = new Date(); // now I must use an array due to the third-party component... private dateTimeRange = [this.startTime, this.endTime];Aparentemente, lo siguiente no funcionará, ya que la referencia misma en la matriz se sobrescribirá:
<datetime-picker v-model="dateTimeRange" ... /> Quiero una forma limpia de propagar los cambios (emitidos por el componente selector de fecha y hora) a la matriz de regreso al objeto startTime y endTime .
Yo lo intentaría así:
private dateTimeRange = [new Date(), new Date()]; --> para eliminar las referencias más complicadas a través de una variable de instancia "proxy".
Use un descriptor de acceso /property computed para luego recibir y representar ambos valores:
private get dateRange(): NiceType { return {start: this.dateTimeRange[0], end: this.dateTimeRange[0]} }