Sep 9, 2021 JavaScript
How to show an element in JavaScript

In this Article we will go through how to show an element only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const show = ele => ele.style.display = '';

Sep 9, 2021 JavaScript
How to toggle an element in JavaScript

In this Article we will go through how to toggle an element only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const toggle = ele => (ele.style.display = (ele.style.display === 'none') ? 'block' : 'none');

Sep 9, 2021 JavaScript
How to extract year, month, day, hour, minute, second and millisecond from a date in JavaScript

In this Article we will go through how to extract year, month, day, hour, minute, second and millisecond from a date only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const extract = date => date.toISOString().split(/[^0-9]/).slice(0, -1);

Sep 9, 2021 JavaScript
How to format a date for the given locale in JavaScript

In this Article we will go through how to format a date for the given locale only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const format = (date, locale) => new Intl.DateTimeFormat(locale).format(date);

Sep 9, 2021 JavaScript
How to get the current quarter of a date in JavaScript

In this Article we will go through how to get the current quarter of a date only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const getQuarter = (d = new Date()) => Math.ceil((d.getMonth() + 1) / 3);

Sep 9, 2021 JavaScript
How to get the current timestamp in seconds in JavaScript

In this Article we will go through how to get the current timestamp in seconds only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const ts = () => Math.floor(new Date().getTime() / 1000);

Sep 9, 2021 JavaScript
How to get the day of the year from a date in JavaScript

In this Article we will go through how to get the day of the year from a date only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const dayOfYear = date => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / (1000 * 60 * 60 * 24));

Sep 9, 2021 JavaScript
How to get the first date in the month of a date in JavaScript

In this Article we will go through how to get the first date in the month of a date only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const getFirstDate = (d = new Date()) => new Date(d.getFullYear(), d.getMonth(), 1);

Sep 9, 2021 JavaScript
How to get the last date in the month of a date in JavaScript

In this Article we will go through how to get the last date in the month of a date only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const getLastDate = (d = new Date()) => new Date(d.getFullYear(), d.getMonth() + 1, 0);

Sep 9, 2021 JavaScript
How to get the month name of a date in JavaScript

In this Article we will go through how to get the month name of a date only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const getMonthName = date => ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October',' November', 'December'][date.getMonth()];