Usar new Date() con v-date-picker no funciona

Ya no busques más por otros sitios porque estás al sitio indicado, tenemos la respuesta que buscas sin liarte.

Solución:

Obviamente (del mensaje de error que está recibiendo) v-datepicker espera estar atado a un String. Es posible que desee probar

data:  
    date: new Date().toJSON(), 
    time: new Date().toJSON() 

Consulte también la documentación de la API de Vuetify (que establece explícitamente que espera v-model ser de tipo String):

v-model   String    null    Controls the displayed date. Must use ISO 8601 format.

En su lugar, utilice el valor attribute para superar la atadura.

ejemplo

data:  
    date: new Date().toISOString().substr(0, 10)

En mi caso, necesitaba que la fecha se almacenara como un objeto Fecha en lugar de una Cadena. Entonces, en lugar de usar v-model en el selector de fechas, manejé esto usando @input y: value.

new Vue(
  el: '#app',
  data() 
    return 
      isActive: false,
      theDate: new Date()
    
  ,
  computed: 
    formattedDate() 
      return this.theDate ? moment(this.theDate).format('MM/DD/YYYY') : undefined; // Custom format
    ,
    datePickerFormattedDate() 
      return this.theDate ? moment(this.theDate).format('YYYY-MM-DD') : undefined; // Date picker objects needs date in this particular format
    
  ,
  methods: 
    inputHandler(date) 
      if (typeof date === 'string')
        date = moment(date).toDate();
      this.isActive = false;
      this.theDate = date;
    
  
)

  
    
    
    
    


    
    
    
    
    
    
  
  
    

      
        
          
            
              
                Stored date:  theDate 
              
              
                
                
                  event

                  
                
              
            
          
        
        
      
    

  

Reseñas y puntuaciones

---

---

Utiliza Nuestro Buscador