Extracting information from the form's JSON as users input data on the calendar
const data = JSON.stringify(orderForm.informationDate));
At present, I am retrieving JSON data to generate a PDF document:
{"year":2023,"month":12,"day":22}
Is there a way to convert the data into DD.MM.YYYY format?
Experts advise against using the dd.mm.yyyy date format, but if you're insistent
const orderForm = { informationDate: {"year": 2023, "month": 12, "day": 22} };
const ddmmyyyy = Object.values(orderForm.informationDate)
.reverse()
.map(val => String(val).padStart(2, '0'))
.join('.');
console.log(ddmmyyyy); // Outputs: 22.12.2023
// Using a replacer function
const replacer = (key, value) => {
if (key === 'informationDate')
return Object.values(value)
.reverse()
.map(val => String(val).padStart(2, '0'))
.join('.');
return value;
}
const jsonString = JSON.stringify({ orderForm }, replacer, 2);
console.log(jsonString);It seems there are some misconceptions underlying your question:
JSON serialization does not support date/time data types, so dates cannot be directly serialized.
When you pass a date object to the JSON serializer, it generates an object representation as seen here:
const myExampleDate = { year: 2023, month: 12, day: 22 };
console.log(JSON.stringify(myExampleDate)); // => {"year":2023,"month":12,"day":22}
The format mentioned in your query seems to be a string because dates are usually stored as numbers internally, not strings.
In your scenario, there are two possible solutions:
JSON.stringify:
const info = {
name: "Alice Smith",
birthDate: {year: 1990, month: 7, day: 15}
};
info.birthDate = info.birthDate.day + '.' + info.birthDate.month + '.' + info.birthDate.year;
console.log(JSON.stringify(info));
const info = {
name: "Alice Smith",
birthDate: {year: 1990, month: 7, day: 15}
};
const replacerFunction = function(item) {
if (item.year && item.month && item.day) {
return item.day + '.' + item.month + '.' + item.year;
}
return item;
};
console.log(JSON.stringify(info, replacerFunction));
Remember, you may need to reverse this process later on (e.g., converting the string back to a date).
If you are working with Datetime objects instead of plain objects, consider checking the object class rather than the presence of day/month/year properties based on your specific code implementation.
To access the characteristics of this item (data.year, data.month, data.day) and combine them into a string
${data.day}.${data.month}.${data.year}2
are converted to double-digits as 02.const date = {year: 2023, month: 12, day: 22};
const { year, month, day } = date;
const format = (str) => String(str).padStart('0', 2);
const formattedDate = `${format(day)}.${format(month)}.${year}`;
const jsonData = JSON.stringify(formattedDate);
console.log(formattedDate);
console.log(jsonData);Have you ever wondered about those 8 small iframes displaying your most visited websites? How do they capture snapshots of the websites? How are the websites chosen for display? And most importantly, how do they actually work? Edit: I want to learn how to ...
Presently, I am utilizing NextJs and MaterialUI to display a table with data fetched from an API created in Strapi. Challenge The current issue lies in using a table component with props that are imported into a page, where the props are mapped to an API ...
Kindly review the provided code sample type type1 = string[] | undefined; let variable1 : type1 = undefined; console.log(variable1 && variable1.length); Upon attempting to run this code in Typescript Playground, an error is generated stating Pro ...
I am attempting to display the changing value on the web page every second, but for some reason {{}} is not functioning correctly. However, when I use console.log, it does show the changing value. Here is an excerpt from my .ts code: randomValue: number; ...
My Angular7 application features a dropdown menu that automatically closes when an item is selected. Additionally, I have implemented functionality to toggle the dropdown open and closed by clicking on an input field. You can view a live example of this be ...
Within my SQL Server table, there is a Column named JsonData that contains data formatted as key/value pairs. Here is an example: {"Id":42662,"VersionNumber":0,"IsCustom":false,"SaleType":0,"RedBookSpotId":232164,"RegistrationNumber":"AUTOTEST","Price": ...
When adding a record to a MySQL database with XAMPP and the "mysql2" package (^3.6.2), I encountered an issue. export const addPage = async (req,res) => { try { if(req.session.user !== undefined) { ...
On my Drupal 8 website, I have set up a newsfeed. How can I display the news items in staggered rows? I would like the first item to align on the left and the second item to be on the right, repeating this pattern for all subsequent items. Currently, I am ...
My curiosity lies in developing man-machine interfaces using Electron. Currently, I am experimenting with a Star Trek life signs monitor demo. I came across this code that can be easily customized to create vertical and horizontal movements: http://jsfiddl ...
I've been exploring an AngularJS tutorial on a popular website called w3schools. Check out the tutorial on w3schools After following the tutorial, I modified the script to work with one of my PHP scripts: <!DOCTYPE html> <html > <sty ...
I'm having trouble getting any output from this code. Can someone help me figure out what's wrong? function Ascending() { var array = new Array(); array[0]=parseInt(document.getElementById("1").value); array[1]=parseInt(document.getElementById(" ...
Is there a way to import just one function from lodash? I attempted it like this: import get from 'lodash/get'; Even after installing both lodash and @types/lodash, I encountered the following error message: @types/lodash/get/index"' ha ...
Initially, I set an empty array as the value for the global variable artistURLs. Then, within the Cheerio .each() iterator method, I push strings (stored in the local variable artistURL) into the artistURLs array. var request = require('request&apos ...
When I receive a string of an array containing objects via an http request, I use eval() to parse it. Since I am expecting an array object after parsing, how can I secure this eval() process beyond using if (Array.isArray(parsedObj)) ... Is there a bette ...
In my Typescript code, I am trying to convert a date/time format from string to UTC format but currently facing an issue with it. The desired output is as follows: 2018/10/27+16:00 => 20181027T01000Z import * as moment from 'moment' dates=$ ...
On my webpage, there is an html input inside a div. Here is what it looks like: <input type="text" class="form-control" placeholder="Barcode" role="barcode"> Using JavaScript only, I am trying to add the following code into the DOM above it: <s ...
I have a REST response that returns around 500 records. These records are being displayed in an Angular table. I would like to add customization options for the user, allowing them to choose to display 10/20/30... records per page. Additionally, I want to ...
I have the following dataset: const data2 = [ { App: "testa.com", Name: "TEST A", Category: "HR", Employees: 7 }, { App: "testd.com", Name: "TEST D", Category: "DevOps", Employee ...
UPDATED: SOLUTION FOUND I am in need of guidance on how to create animation for the movement of points along a curve to simulate string motion in 3D while keeping performance in mind. Imagine multiple strings between two points, for example. Check out t ...
I'm currently working on achieving a similar effect to the one found on this website: . On that site, as you scroll down, the 'HELLO' text moves to the side. I've managed to do that part successfully, but I'm facing an obstacle reg ...