Vue material datepicker

Question

Próbuję użyć material datepickera: https://github.com/bastienGranger/vue-material-datepicker niestety pojawia się błąd:

[Vue warn]: Unknown custom element: <Datepicker> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Sidebar> at src/includes/layout/Sidebar.vue

KOD:

<template>
  <aside class="sidebar">
    <div class="container">
      <h3>Your day</h3>

      <h4>Your tasks:</h4>
      <h4>Your calendar</h4>
            <Datepicker />


    </div>
  </aside>
</template>


<script>

import Datepicker from 'vue-material-datepicker';


  export default {
    name: 'Sidebar',
    components: {
      Datepicker
    }.default
  }


</script>

 

Answer 1

Hmm, ciekawe. Po co to .default za components? Masz Moment.js'a? I twórca zaleca uzycie formy 

datepicker: Datepicker

I datepicker jest wszędzie z małej litery

Comments

Bez default za components zmienia się błąd na:

[Vue warn]: Failed to mount component: template or render function not defined.

Cały kod:

import Datepicker from 'vue-material-datepicker';


  export default {
    name: 'Sidebar',
    components: {
      datepicker: Datepicker
    }
  }

 

---

Chyba znalazłem ten błąd - w Issues na GH jest napisane iż importujesz korzystając z nazwy 'vue-datepicker', tak jak paczka NPM. Może to naprawi błąd