vue-ant-design2.0,日期选择器显示utc时间,2022/5/31

最新推荐文章于 2025-08-18 15:44:02 发布

原创最新推荐文章于 2025-08-18 15:44:02 发布 · 839 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #typescript

工作2022年5月，记录生活的每一天专栏收录该内容

37 篇文章

订阅专栏

此博客介绍了如何在Vue项目中使用<a-date-picker>组件进行日期选择，并展示了如何自定义时间格式。着重于`v-model`绑定、`disabled-date`属性和`show-time`选项的用法。

<template>
   <a-date-picker
     v-model:value="startValue"
     :disabled-date="disabledStartDate"
     show-time
     :format="dateFormat"
     placeholder="Start"
   />
</template>

<script lang="ts">
import { defineComponent, } from 'vue';
import moment, { Moment } from 'moment';
export default defineComponent({
  setup() {
    const dateFormat = (val:any) => {
      return moment(val).utc().format('YYYY-MM-DD HH:mm:ss')
    };
    return {  
      dateFormat
    };
  },
});
</script>