Vuejs 日期选择器不显示任何内容

Question

我尝试过使用 vuejs 波斯语日期选择器，但是当我按照自述文件中的说明进行操作时，它一直不显示任何内容！甚至该表格中的所有其他代码也不会显示。我的日期选择器是： VuePersianDatetimePicker cdn 有人可以帮忙吗？在组件中：

import VuePersianDatetimePicker from 'vue-persian-datetime-picker'
export default {
  name: 'GetUserInput',
  data(){
    return {
      date: ''
    }
  },
  components: {
    datePicker: VuePersianDatetimePicker
  }
}
<template><date-picker v-model="date"></date-picker></template>

在 index.html 中：

 <script src="https://cdn.jsdelivr.net/npm/vue"></script>
  <script src="https://cdn.jsdelivr.net/npm/moment"></script>
  <script src="https://cdn.jsdelivr.net/npm/moment-jalaali@0.7.4/build/moment-jalaali.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue-persian-datetime-picker/dist/vue-persian-datetime-picker-browser.js"></script>

还安装了软件包。

Answer 1

这里是一个工作示例，说明如何使用 CDNVuePersianDatetimePicker

var app = new Vue({
    el: '#app',
    data: {
        date: '1400/04/05'
    },
    components: {
        DatePicker: VuePersianDatetimePicker
    }
});

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/moment"></script>
<script src="https://cdn.jsdelivr.net/npm/moment-jalaali@0.7.4/build/moment-jalaali.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-persian-datetime-picker/dist/vue-persian-datetime-picker-browser.js"></script>

<div id="app">
    <p>selected date is: {{ date }}</p>
    <date-picker v-model="date"></date-picker>
</div>

Vuejs 日期选择器不显示任何内容

Vuejs date picker not displaying anything

datetime

datepicker

vue.js

vue-router

vue-component