Javascript Vuetify datepicker apears不带事件图标和空白字段

我有一个Vuetify datepicker，当我运行代码时，它不带事件图标（以字母“event”显示），当我打开datepicker时，日期显示为空白。它在控制台上没有错误。 图片：

取消
好啊
导出默认值{
数据（）{
返回{
书籍：{
标题：空，
字幕：空，
作者：null，
publishDate:null，
nrPages:null，
发布者：null，
语言：空，
thumbnailUrl:null
},
日期：新日期（）.toISOString（）.substr（0,10），
莫代尔：错，
错误：null，
成功：空，
对话：错，
日期选择器：false，
必需：（值）=>！！值| |“必需”
}
},

根据快速入门指南：

您需要手动导入样式和图标

  <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet">

因此，我假设您不希望像此处引用的那样分配：

---

与上面所做的一样

将以下行添加到public/index.html

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons">

这很好地解决了图标问题，但拾取程序中的所有日期仍然显示为空白。感谢您的帮助。更新了我的答案，没有使用此库，但请随意尝试。这些属性用于横向属性。我使用的是DatePicker对话框。如果使用开发工具进行检查，是否会呈现其他日期？以确定是否有这是一个样式问题，或者如果日期根本没有被渲染，它们就会被渲染。我甚至可以选择它们，然后它会以正确的值进入文本字段。这是一个样式问题

  export default {
    data () {
      return {
        picker: new Date().toISOString().substr(0, 10),
        landscape: false,
        reactive: false
      }
    }
  }

date: new Date().toISOString().substr(0, 10),

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons">