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

下面是如何通过CDN使用VuePersianDatetimePicker的实际示例

​

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>

​