Date picker
Fechas con Bananin
Install
In head tag
<script src="https://unpkg.com/@bananin/bdates@latest/js/b-date.min.js"></script>
<link type="text/css" rel="stylesheet" href="https://unpkg.com/@bananin/bdates@latest/css/b-date.css" />Setting
Inside Html body:
<!-- html -->
<div class="my-5" id="app">
<b-date ref="date" id="fecha" name="fecha" modava="success" value="2022-05-31 15:46:00" min="2020" max="2023" :hym="true"></b-date>
</div>Javascript code:
//Javascript
const app = Vue.createApp({
components: {
"b-date": bDate
}
}).mount("#app");#Options:
- id: generated input id
- name: generated input name
- modava: modal variant
- min: minimum year
- max: maximum year
- onc: close when selecting a date
- hym: include hour and minute
- mfp: select multiple dates
- required: Obligatory field
- disabled: non-editable field
- value: initial value
Ejemplo en Fechas con Bananin