如何在laravel vue中设置vue日期时间选择器的样式？

我试图在另一个组件中使用vue datetime组件，这里是vue

<template>
  <div class="container p-3 bg-gray-100 flex flex-col">
    <div>{{ current_post.title }}</div>
    <div v-if="edit == false" id="mode-diplay">
      <div v-html="current_post.body" class="text-gray-700"></div>
    </div>
    <div v-else id="mode-edit">
      <form class="flex flex-col" action>
        <datetime type="datetime" v-model="datetime"></datetime>
        <input type="text" val="details.body" />

        <textarea
          class="markdown"
          name="editor"
          id="editor"
          v-model="raw_post.body"
          rows="50"
        ></textarea>
      </form>
    </div>
  </div>
</template>

<script>
import { Datetime } from "vue-datetime";
export default {
  name: "PostDetails",
  props: ["current_post", "raw_post", "edit"],
  components: {
    datetime: Datetime,
  },
  data() {
        return {
            datetime:this.raw_post.beg_date
        };
    },
};
</script>

{{current_post.title}
从“vue Datetime”导入{Datetime}；
导出默认值{
名称：“PostDetails”，
道具：[“当前帖子”、“原始帖子”、“编辑”]，
组成部分：{
datetime:datetime，
},
数据（）{
返回{
日期时间：this.raw\u post.beg\u日期
};
},
};

会显示vue日期时间，但当我单击字段输入时，选择器会垂直显示 您需要一个特定的CSS文件加载程序

在父组件中导入日期选择器的样式

import 'vue-datetime/dist/vue-datetime.css';

import { Datetime } from "vue-datetime";
import 'vue-datetime/dist/vue-datetime.css';
export default {
  name: "PostDetails",
  props: ["current_post", "raw_post", "edit"],
  components: {
    datetime: Datetime,
  },
  data() {
        return {
            datetime:this.raw_post.beg_date
        };
    },
};