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

【问题标题】：Vuejs date picker not displaying anythingVuejs日期选择器不显示任何内容
【发布时间】：2021-06-26 06:46:24
【问题描述】：

我尝试过使用 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>

也安装了包。

【问题讨论】：

标签： vue.js datetime datepicker vue-component vue-router

【解决方案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>

【讨论】：