DateNow

Reactive Date.now() with specified refresh rate

Parameters

import { useDateNow } from "vue-composable";

const now = useDateNow({
  refreshMs?: Number,
  sync?: Boolean
});

Parameters	Type	Required	Default	Description
refreshMs	Number	No	1000	Refresh rate in milliseconds that the now gets updated
sync	Boolean	No	true	Sync with the clock by the second

State

The useDateNow function exposes the following reactive state:

import { useDateNow } from "vue-composable";

const { now } = useDateNow();

State	Type	Description
now	Ref<Number>	Current time

Methods

The useDateNow function exposes the following methods:

import { useDateNow } from "vue-composable";

const { remove } = useDateNow();

Signature	Description
remove	Manually stop the now to be refreshed

Example

Current date: 1634454087094: Sun Oct 17 2021 07:01:27 GMT+0000 (Coordinated Universal Time)

Code

<template>
  <p>
    Current date: {{ now }}: <b>{{ new Date(now) }}</b>
  </p>
</template>

<script>
import { useDateNow } from "vue-composable";

export default {
  name: "date-now-example",
  setup() {
    return useDateNow();
  }
};
</script>