Date-time field

The date-time field stores a timestamp in milliseconds to represent a date-time value.

Examples

Here's an example of using the date-time field in a block:

# blocks/Product.vue

<template>
  <div>
    <span v-if="!publishDate || Date.now() > publishDate">Available</span>
    <span v-else>Not available</span>
    ...
  </div>
</template>

<script lang="ts" setup>
import { dateTimeField } from '#pruvious'

defineProps({
  publishDate: dateTimeField({
    description: 'The date and time when the product is published or scheduled for publication.',
  }),
})
</script>

Here is another example of how to use it in a collection definition:

# collections/products.ts

import { defineCollection } from '#pruvious'

export default defineCollection({
  name: 'products',
  mode: 'multi',
  fields: {
    releaseDate: {
      type: 'date-date',
      options: {
        description: 'The date and time when the product is published or scheduled for publication.',
      },
    },
    // ...
  },
})

Options

You can specify the following options in the date-time field: