【Vue FlatPickr Component】配置示例

核心代码
:config="{allowInput: true, locale: 'zh', enableTime: true, dateFormat: 'Y-m-d H:i:S', time_24hr: true, enableSeconds: true }"

详情
locale: 'zh'：使用中文
enableTime: true：开启选择时间
dateFormat: 'Y-m-d H:i:S'：格式化日期
time_24hr: true 24小时制
enableSeconds: true 开启选择秒

完整示例

<flat-pickr slot-scope="{focus, blur}"
            @on-open="focus"
            @on-close="blur"
            v-model="purchase_time"
            :config="{allowInput: true, locale: 'zh', enableTime: true, dateFormat: 'Y-m-d H:i'}"
            class="form-control datepicker"
            placeholder="购入时间">
</flat-pickr>
<script>
// 引入示例，具体如何引用请自行调整
import FlatPickr from 'vue-flatpickr-component';

import 'flatpickr/dist/flatpickr.css';
import 'flatpickr/dist/l10n/zh.js';

export default {
  components: {
    FlatPickr
  }
}
</script>

完整的config 配置：

官方文档：https://flatpickr.js.org/options/