@bananin/bdates

Fechas con Bananin
2,466
Install
npm install @bananin/bdates
Latest Version:1.0.6
License:MIT
Last Updated:Sep 10, 2024
Links: npm
Maintainer: bananin

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

Related Packages

vue-multiselect-bootstrap-theme

Bootstrap 3/4/5 themes for vue-multiselect

8,906 6
vueboot

A collection of Vuejs components that wrap Bootstrap components

4,245
vue-pagination-2

Vue.js 2 pagination component

1,088,836 186
v-pagination-3

Vue.js 3 pagination component

823,217 186
v-pagination

Vue.js pagination component

12,765 7

Version History

Version Released License
1.0.6 MIT
1.0.5 MIT
1.0.1 MIT