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

License

MIT

Sponsor

With your help I can continue paying the server <3