vue.js: ¿Cómo hacer que el selector de fechas archivado en bootstrap-vue sea claro después de elegir una fecha en vue?

Estoy usando bootsrap-vue. Tiene un selector de fechas que, después de elegir una fecha, no hay forma de aclarar el campo.

<template>
  <div>
    <label for="datepicker-placeholder">Date picker with placeholder</label>
    <b-form-datepicker id="datepicker-placeholder" placeholder="Choose a date" locale="en"></b-form-datepicker>
  </div>
</template>

¿Cómo puedo borrar el campo?

------------------------------------

Tienes dos opciones.

Vincula una propiedad al modelo v de y luego usa JavaScript para restablecer el valor de dicha propiedad.

La otra opción es usar el botón de reinicio, que agrega un botón de reinicio a la ventana emergente del selector de fecha que borra la fecha seleccionada cuando se hace clic de forma predeterminada.

new Vue({
  el: '#app',
  data() {
    return {
      date: ''
    }
  }
})

<link type="text/css" rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="https://unpkg.com/[email protected]/dist/bootstrap-vue.min.css" />
<script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/bootstrap-vue.min.js"></script>


<div id="app" class="p-3">
  <b-input-group>
    <b-datepicker v-model="date" reset-button></b-datepicker>
    <template #prepend>
      <b-btn @click="date = ''">Clear</b-btn>
    </template>
  </b-input-group>
</div>

------------------------------------

Debes usar v-model para aceptar la fecha seleccionada y luego borrarla usando JavaScript, se eliminará de la selección de fecha

Compartir mejorar esta respuesta Seguir Respondido

19 de marzo de 2021 a las 16:34

Himanshu Vaghela

Himanshu Vaghela

1

1

1 insignia de bronce

3

O puede agregar un botón que restablezca el modelo v.

- Himanshu Vaghela

19/03/2021 a las 16:35

No es posible escribir. Sólo puedo elegir la fecha

-Atousa Darabi

20/03/2021 a las 17:07

Principalmente necesito borrar la fecha manualmente. Sin embargo, si puedo escribir la fecha manualmente sería maravilloso porque también puedo borrarla

-Atousa Darabi

22 de marzo de 2021 a las 7:40