还差批量图片上传

frontent/ops_vue_js/src/components/dateTimePicker.vue

@@ -0,0 +1,83 @@
+<script setup>
+import { onMounted, ref, watch, defineProps,reactive } from "vue";
+
+import flatpickr from "flatpickr";
+import 'flatpickr/dist/flatpickr.css';
+import 'flatpickr/dist/l10n/zh.js';
+
+import { useI18n } from "vue-i18n";
+const { t, locale } = useI18n();
+
+
+const datatimepack=ref()
+
+const datatimepack_config=reactive({
+
+    enableTime: true,
+    dateFormat: "Y-m-d H:i",
+    minuteIncrement:1,
+    time_24hr: true
+    //locale:"zh"
+  
+})
+
+const sele_data=reactive()
+
+function getCurrentDateTime() {
+  const now = new Date();
+  
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始
+  const day = String(now.getDate()).padStart(2, '0');
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  
+  return `${year}-${month}-${day} ${hours}:${minutes}`;
+}
+
+
+watch(locale, () => {
+  if(locale.value=="zh-CN"){
+    datatimepack_config.locale='zh'
+  }else{
+    datatimepack_config.locale='en'
+  }
+//console.log(locale.value=="zh-CN"?"zh":"en")
+});
+
+const prop= defineProps({
+  setdef: {
+    type: String,
+    default: "",
+  },
+});
+onMounted(() => {
+  // @formatter:off
+  //console.log(getCurrentDateTime())
+  //sele_data=getCurrentDateTime();
+
+// console.log(prop.setdef)
+
+  if(prop.setdef=="")
+  {
+    datatimepack_config.defaultDate=getCurrentDateTime()
+  }else{
+    datatimepack_config.defaultDate=prop.setdef
+  }
+  
+  datatimepack_config.locale=locale.value=="zh-CN"?"zh":"en";
+  flatpickr(datatimepack.value, datatimepack_config);
+
+});
+
+defineExpose({
+  
+});
+</script>
+
+<template>
+
+    <div ></div>
+    <input ref="datatimepack" type="datetime-local" class="form-control" v-model="sele_data">
+
+</template>