Tips for preventing errors in JavaScript date formatting

Currently, I am utilizing the DHTMLX Scheduler within my web application and aiming to access data for each event. Fortunately, I discovered a method to achieve this using scheduler._events which provides the following information:

1581498064943: {…}
​​
_eday: 2    ​​
_end_date: undefined    ​​
_first_chunk: true    ​​
_last_chunk: true    ​​
_length: 1    ​​
_sday: 1    ​​
_sorder: 0   ​​
_sweek: 0    ​​
_timed: true    ​​
end_date: Date Tue Jan 02 2018 00:05:00 GMT+0100 (Central European Standard Time)    ​​
event_length: ""    ​​
event_pid: ""    ​​
id: 1581498064943    ​​
rec_pattern: ""
​​rec_type: ""    ​​
start_date: Date Tue Jan 02 2018 00:00:00 GMT+0100 (Central European Standard Time) ​​
text: "New event"

The main issue arises when attempting to convert this data into a string format for JSON storage later on. During the conversion process, JavaScript automatically converts dates into iso 8601, resulting in the loss of a day:

"1581498064943": {
        "start_date": "2018-01-01T23:00:00.000Z",
        "end_date": "2018-01-01T23:05:00.000Z",
        "text": "New event",
        "id": 1581498064943,
        "_timed": true,
        "_sday": 1,
        "_eday": 2,
        "_length": 1,
        "_sweek": 0,
        "_sorder": 0,
        "_first_chunk": true,
        "_last_chunk": true,
        "event_pid": "",
        "event_length": "",
        "rec_pattern": "",
        "rec_type": ""

As a result, the date 2018-01-02 is incorrectly converted to 2018-01-01.

javascriptjson

Answer №1

The reason it's not decreasing by one day is due to your timezone settings. Please review the provided code snippet below:

var x = new Date("Date Tue Jan 02 2018 00:05:00 GMT+0100 (Central European Standard Time)")

x.toISOString()

y = new Date(x)

If you try to recreate the initial date, you will see that you need to convert the ISO string again to match the original JSON value.

Answer №2

It's recommended to utilize the Unix epoch seconds format as a solution for this particular issue.

const currentEpoch = Date.now(); // Represents the Unix timestamp in milliseconds
console.log( currentEpoch );

By converting to this format, you'll be able to accurately retrieve the time based on your specific regional settings.

var utcSeconds = 1581501372817/1000;
var dateObject = new Date(0); 
dateObject.setUTCSeconds(utcSeconds);
console.log(dateObject);

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Implementing a list using display: inline-block without any specified order

Currently, I am immersed in a project that involves simulating an input using HTML and CSS. This input should be capable of executing a function like: my_cool_function(param0, param1, param2, param3). To accomplish this, I have constructed an unordered lis ...

javascriptjqueryhtmlcss

Node -- error encountered: options parameter must be of type object

Encountering a frustrating issue with the error message TypeError: options must be an object. Currently delving into the State example in Chapter 4 of Node.js Design Patterns. Initially assumed it was a mistake on my end, but even after testing the file w ...

javascriptnode.js

Issue with Material-UI Nested Checkbox causing parent DOM to not update upon selection changes

Currently, I am integrating a nested checkbox feature from a working example into my application. The functionality of the checkboxes covers seven different scenarios: - Scenario - No children, no parent selected - Select the parent -> select both pa ...

javascriptreactjsmaterial-ui

"What is the best way to send a stateful array from a child component to a parent component using React Hooks

Within my CreateArea component, I collect user input data and store it in a local state array called notes using setNote. My goal is to display multiple Note components below the CreateArea component, with each component corresponding to an item in the no ...

javascriptreactjsreact-hooks

Browser extension for customizing the information on a webpage

I have a vision of developing a unique Chrome extension that has the ability to modify specific content on designated webpages. My aim is to transform something like the following: <td class="Data">Phone:</td> into something more interactive ...

javascripthtmlgoogle-chrome-extensiontitle

JavaScript-based tool for extracting content from Sketch file

My goal is to extract the contents of a .sketch file. I have a file named myfile.sketch. When I rename the file extension to myfile.zip and extract it in Finder, I can see the files inside. However, when I try the same process on the server using Node.js ...

javascriptnode.jsunzipjszip

Changing a numeric string into a number within an Angular 2 application

Looking for advice on comparing Angular 2 expressions. I have an array of data stored as numeric strings in my database and I need to convert them to numbers before applying a condition with ngClass for styling purposes. Any suggestions on how to perform ...

javascriptangular

Place an IconButton component next to each Material UI TableRow

I am trying to include an icon next to the material UI table row component. Similar to the hint icon shown in the screenshot below Here is my attempt so far, but it's not functioning as expected: Check out the code on CodeSandbox https://i.stack.i ...

javascripthtmlcssreactjsmaterial-ui

Utilize JavaScript libraries in a TypeScript project

Looking to integrate a payment system called iyzico into my project. The iyzico payment library can be found here. However, there are no types available for it. How can I utilize this library in my Node.js TypeScript Express backend project? I attempted t ...

javascriptnode.jstypescriptexpresstypescript-typings

A guide on linking HTML information within a JSON attribute in Angular

This is an example of my JSON data: [ { "Title": "MyTitle1", "Content": "<p>Content1</p>", "Date": "2014-11-19T10:00:00" }, { "Title": "MyTitle2", "Content": "<p>Content2</p>", "Date": "2014-11-19T00:0 ...

javascriptjsonangularjs

Is it necessary to verify JSON for duplicate keys before loading?

Currently, I am working on loading a text file that contains JSON formatted data. Before parsing the data, I need to validate it. Right now, I am using the following method to load the file: $.getJSON('dataFile', function(data) { } While this ...

jqueryjsonvalidation

What sets apart assigning a React ref using a callback versus setting it directly?

Is there a practical difference between directly setting a ref and setting it via a callback with the element as an argument? The functionality remains the same, but I am curious about any potential distinctions. Consider this react hook component: const ...

javascriptreactjsreact-hooks

Tips for Sending a Message Using TypeScript Websockets

I'm currently working on an Angular application that requires subscribing to a websocket to receive incoming data. Within the Angular service, I have the following code snippet: setContextChannel(channel) { this.contextWS = new WebSocket(channel ...

javascriptnode.jsangularwebsocket

Why doesn't the default value in a React select update the selected input value and title when changed during rendering?

Through several attempts, I have successfully developed a React select dropdown that displays dynamic data for each sector. However, I am facing an issue with setting a default value upon rendering. Although I am able to add a static default value like S ...

javascriptreactjs

Sending a multi-level property object to the controller in a post request

I am facing a challenge where I need to transfer an object from the view to the controller, and the model comprises a list of objects, each containing another list of complex objects. Let's consider the following models: public class CourseVm { p ...

javascriptasp.net-mvcpropertiesbinding

Leveraging the Power of CSS in Your Express Applications

Struggling to make my CSS links functional while working on localhost. Currently, when I view Index.html on my server, it displays as plain text without any styling. Even after trying the express middleware, the CSS files are still not being served, result ...

javascripthtmlcssnode.jsexpress

Mapping a single JSON object with Knockout JS made easy

As a newbie to knockout and in the process of creating a jquery mobile app, I'm eager to harness the benefits of knockout. After struggling with a simple issue for a day, I resorted to manually binding code by hand, almost negating the use of KO over ...

javascriptjsonknockout.jsknockout-mapping-plugin

Utilize Mongodb's $in operator to retrieve results in the exact sequence as presented in the array

My challenge involves working with an array that contains Id of a MongoDB collection. array = [ '573163a52abda310151e5791', '57358e5dbd2f8b960aecfa8c', '573163da2abda310151e5792' ] I need the result in the ...

javascriptnode.jsmongodb

When a user hovers over an element, display text in a particular div

I've been experimenting with different methods to achieve this, but nothing seems to be working for me. The idea is that when I hover over a specific div like "divOne" or "divTwo", I want a text to appear in the "writeToMe" div. After spending several ...

javascriptjqueryhtml

"Wordpress Pluto theme: A stellar choice for your

I'm trying to add a link in my main template.index file that will redirect to one of my pages when clicked on the JavaScript button at the top in Pluto theme. Currently, the text is there but clicking on it opens something I don't want. Here&apo ...

javascriptphpjqueryhtmlwordpress