Kendo UI for Vue: Fehler bei TimePicker Wrapper Komponente

Ich habe die TimePicker Wrapper Komponente eingebunden und versuchte, den Overhead so gering wie möglich zu halten. Daher habe ich in meiner Komponente, in der der Timepicker aufscheinen sollte, nur folgendes gemacht:

<script lang="ts">

import '@progress/kendo-ui/js/kendo.timepicker' // Imports only the TimePicker script and its dependencies
import { TimePicker } from '@progress/kendo-dateinputs-vue-wrapper';

  export default {
    components: {
        'timepicker': TimePicker,
    },
}

</script>

Der Timepicker wurde angezeigt, aber beim Auswählen einer Zeit aus dem Dropdown bekam ich folgenden Konsolefehler:

Cannot read properties of undefined (reading ‚isEqualDate‘)

Stellt sich heraus, man muss zusätzlich zu kendo.timepicker auch kendo.calendar importieren, damit das funktioniert! Hier also die korrekte Variante:

<script lang="ts">

import '@progress/kendo-ui/js/kendo.timepicker';
import '@progress/kendo-ui/js/kendo.calendar';
import { TimePicker } from '@progress/kendo-dateinputs-vue-wrapper';

  export default {
    components: {
        'timepicker': TimePicker,
    },
}

</script>

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.