Vue 2.0 Bootstrap 3 Datepicker Komponente

Question

Wo finde ich eine anständige vue 2.0 Bootstrap 3 Datepicker Komponente. Ich habe fast alles ausprobiert. Die meisten Datepicker sind Vue 1.0 kompatibel.

Ich bin auf der Suche nach etwas Einfaches, in meine Kind-Komponente zu importieren, wenden Sie V-Modell darauf und bereit zu gehen.

Answer 1

Probieren Sie vue-flatpickr. Es ist kein Bootstrap-Datepicker, aber es ist eine wirklich gute Alternative ohne jQuery-Abhängigkeit.

Answer 2

Der Link im vorherigen Kommentar ist tot. Verwenden Sie stattdessen this vue component.

Es ist tot einfach zu bedienen.

<template> 
    <div> 
    <flat-pickr v-model="date"></flat-pickr> 
    </div> 
</template> 

<script> 
    import flatPickr from 'vue-flatpickr-component'; 
    import 'flatpickr/dist/flatpickr.css'; 

    export default {  
    data() { 
     return { 
     date: null,  
     } 
    }, 
    components: { 
     flatPickr 
    } 
    } 
</script> 

Answer 3

Überprüfen Sie mein GitHub Projekt https://github.com/wxsms/uiv (Bootstrap 3 Komponenten von Vue implementiert 2.)

Install:

npm install uiv --save 

Ein einfaches Codebeispiel:

<template> 
    <date-picker v-model="date"/> 
</template> 
<script> 
    import {DatePicker} from 'uiv' 
    export default { 
    components: {DatePicker}, 
    data() { 
     return { 
     date: null 
     } 
    } 
    } 
</script> 
<!-- date-picker-example.vue --> 

Diese schaffen ein Inline-Datepicker für Sie. für weitere Verwendungen (zB mit Formular und Dropdown) können Sie die Dokumentseite auschecken: https://uiv.wxsm.space/date-picker