Enhancing Luxon DateTime with extension type support

Question

Enhancing Luxon DateTime with extension type support

Referencing the issue at https://github.com/moment/luxon/issues/260, I am looking to extend the DateTime object as shown below:

import { DateTime } from 'luxon';

function fromUnix(tsp?: number): DateTime {
  return DateTime.fromMillis(tsp * 1000);
}

function toUnix(): number {
  const seconds = (this as DateTime).toSeconds();
  return parseInt(String(seconds));
}

if (!DateTime.prototype.fromUnix) {
  DateTime.prototype.fromUnix = fromUnix;
}

if (!DateTime.prototype.toUnix) {
  DateTime.prototype.toUnix = toUnix;
}

However, I am unsure how to add type definitions for these methods in order to have TypeScript validate them.

I have attempted the following approach:

declare module 'luxon/src/datetime' {
  interface DateTime {
    fromUnix(tsp?: number): DateTime;
    toUnix():  number;
  }
}

But this results in an error stating

'DateTime' only refers to a type, but is being used as a value here.

when I try to use DateTime like so:

import { DateTime } from 'luxon';
class MyClass {
   start = DateTime.now();
}

If anyone could provide guidance on resolving this issue, it would be greatly appreciated. Thank you for your assistance.

javascript typescript luxon

Answer 1

Answer №1

If you're looking to include milliseconds in your DateTime calculations, you can refer to this custom extension I've developed as a guide:

import {DateTime} from 'luxon';

declare module 'luxon/src/datetime' {
    export interface DateTime {
        plusMillis(millis: number): DateTime;
    }
}

DateTime.prototype.plusMillis = function(millis: number): DateTime {
    const _self = this as DateTime;
    return _self.plus({milliseconds: millis});
};

Answer 2

If you're looking to include milliseconds in your DateTime calculations, you can refer to this custom extension I've developed as a guide:

import {DateTime} from 'luxon';

declare module 'luxon/src/datetime' {
    export interface DateTime {
        plusMillis(millis: number): DateTime;
    }
}

DateTime.prototype.plusMillis = function(millis: number): DateTime {
    const _self = this as DateTime;
    return _self.plus({milliseconds: millis});
};

Enhancing Luxon DateTime with extension type support

Answer №1

Similar questions

Transfer text from one form to a text field on a different website

I keep running into an issue whenever I attempt to import material ui icons and core - a frustrating error message pops up stating that the module cannot be found

Error: The absence of an element identified by the locator does not cause the protractor spec to fail, but rather it executes successfully

Is there a way to transfer the submitted data to a different page without being redirected to it using #php and #ajaxjquery?

MongoError: Transaction could not be initiated

I'm looking to add a next and previous button within my jumbotron- can anyone offer guidance?

Utilizing Browser and Operating System Information as Body Class

React component performing AJAX requests

iPython does not show Folium map due to an error message stating: 'Uncaught ReferenceError: L is not defined'

The React Router Dom V6 triggers loaders as soon as the router is initialized

Issue with Selenium webdriver's element.click() method not operating as anticipated in Chrome while using Mocha framework

Is it possible to dynamically change the port for an Express server?

I encountered an error stating "angular not found" when attempting to dynamically load my Angular scripts

Is it possible to trigger JavaScript after loading a page in jqTouch with AJAX?

What is the best way to manage returning to the original page that was loaded when utilizing the History API?

AngularJS testing typically involves the use of the inject module injection process

Two adjacent iframes, where the first one serves as a sidebar containing hyperlinks that, when clicked, will display the corresponding content within the second

Exceeded maximum file size event in Dropzone

A simple way to automatically fill an input field with a mask when clicking in Angular 2

Utilizing Zend JSON encoding for seamless integration with JavaScript