fs-date-format.vue 675 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <view>{{ dateFormat }}</view>
  3. </template>
  4. <script>
  5. /**
  6. * 日期格式化组件
  7. * @description 日期格式化组件
  8. * @property {String, Object} date 日期
  9. * @property {String} format 格式化
  10. */
  11. export default {
  12. name: 'fs-date-format'
  13. }
  14. </script>
  15. <script setup>
  16. import { computed } from 'vue'
  17. import dayjs from 'dayjs'
  18. const props = defineProps({
  19. date: [String, Object],
  20. format: {
  21. type: String,
  22. default: 'YYYY-MM-DD'
  23. }
  24. })
  25. const emits = defineEmits(['click'])
  26. const dateFormat = computed(() => dayjs(props.date).format(props.format))
  27. const handleClick = () => {
  28. emits('click')
  29. }
  30. </script>
  31. <style></style>