|

Create or Edit festival Post

Title

Post name[used as URL tag]

Keywords

Price

Quota

<h3>Introduction</h3><p>In JavaScript, working with dates and times is essential for many applications, from displaying current timestamps to scheduling events. The Date object in JavaScript provides a powerful way to handle dates and times. This guide explores how to create Date objects, format them, and manipulate them using various methods.</p><h3><br></h3><h3>1. Creating a JavaScript Date Object</h3><p>To create a new Date object, you can use the Date() constructor in several ways:</p><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Current Date and Time:</strong></li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">const now = new Date();</div><div class="ql-code-block" data-language="plain">console.log(now); // Outputs current date and time</div></div><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Specific Date and Time:</strong></li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">const specificDate = new Date('2025-10-12T19:02:40');</div><div class="ql-code-block" data-language="plain">console.log(specificDate); // Outputs: Sun Oct 12 2025 19:02:40 GMT+0600 (Bangladesh Standard Time)</div></div><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Date from Unix Timestamp:</strong></li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">const timestampDate = new Date(1680000000000);</div><div class="ql-code-block" data-language="plain">console.log(timestampDate); // Outputs: Date corresponding to the timestamp</div></div><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Date from Date Components:</strong></li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">const dateFromComponents = new Date(2025, 9, 12, 19, 2, 40);</div><div class="ql-code-block" data-language="plain">console.log(dateFromComponents); // Outputs: Sun Oct 12 2025 19:02:40 GMT+0600 (Bangladesh Standard Time)</div></div><h3><br></h3><h3>2. Formatting JavaScript Dates</h3><p>JavaScript provides several methods to format dates:</p><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>toDateString()</strong>: Returns the date portion of a Date object as a human-readable string.</li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">console.log(now.toDateString()); // Outputs: Sun Oct 12 2025</div></div><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>toLocaleDateString()</strong>: Returns a date string based on the locale and options provided.</li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">console.log(now.toLocaleDateString('en-GB')); // Outputs: 12/10/2025</div></div><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>toLocaleString()</strong>: Returns a string representing the date and time in the locale-specific format.</li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">console.log(now.toLocaleString('en-GB')); // Outputs: 12/10/2025, 19:02:40</div></div><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>toISOString()</strong>: Returns the date and time in ISO 8601 format.</li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">console.log(now.toISOString()); // Outputs: 2025-10-12T13:02:40.000Z</div></div><h3><br></h3><h3>3. JavaScript Date Methods</h3><p>JavaScript provides various methods to retrieve date and time components:</p><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Get Methods:</strong></li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">console.log(now.getFullYear()); // Outputs: 2025</div><div class="ql-code-block" data-language="plain">console.log(now.getMonth()); // Outputs: 9 (October, as months are 0-indexed)</div><div class="ql-code-block" data-language="plain">console.log(now.getDate()); // Outputs: 12</div><div class="ql-code-block" data-language="plain">console.log(now.getHours()); // Outputs: 19</div><div class="ql-code-block" data-language="plain">console.log(now.getMinutes()); // Outputs: 2</div><div class="ql-code-block" data-language="plain">console.log(now.getSeconds()); // Outputs: 40</div><div class="ql-code-block" data-language="plain">console.log(now.getMilliseconds()); // Outputs: 0</div><div class="ql-code-block" data-language="plain">console.log(now.getDay()); // Outputs: 0 (Sunday)</div><div class="ql-code-block" data-language="plain">console.log(now.getTime()); // Outputs: 1680000000000</div></div><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Set Methods:</strong></li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">now.setFullYear(2026);</div><div class="ql-code-block" data-language="plain">now.setMonth(11); // December</div><div class="ql-code-block" data-language="plain">now.setDate(25);</div><div class="ql-code-block" data-language="plain">now.setHours(10);</div><div class="ql-code-block" data-language="plain">now.setMinutes(30);</div><div class="ql-code-block" data-language="plain">now.setSeconds(0);</div><div class="ql-code-block" data-language="plain">now.setMilliseconds(0);</div><div class="ql-code-block" data-language="plain">console.log(now); // Outputs: Fri Dec 25 2026 10:30:00 GMT+0600 (Bangladesh Standard Time)</div></div><h3><br></h3><h3>4. Manipulating Dates</h3><p>You can manipulate dates by adding or subtracting time:</p><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Adding Days:</strong></li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">now.setDate(now.getDate() + 5);</div><div class="ql-code-block" data-language="plain">console.log(now); // Outputs: Wed Dec 30 2026 10:30:00 GMT+0600 (Bangladesh Standard Time)</div></div><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Subtracting Days:</strong></li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">now.setDate(now.getDate() - 10);</div><div class="ql-code-block" data-language="plain">console.log(now); // Outputs: Sat Dec 20 2026 10:30:00 GMT+0600 (Bangladesh Standard Time)</div></div><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Adding Months:</strong></li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">now.setMonth(now.getMonth() + 2);</div><div class="ql-code-block" data-language="plain">console.log(now); // Outputs: Tue Feb 20 2027 10:30:00 GMT+0600 (Bangladesh Standard Time)</div></div><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Subtracting Months:</strong></li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">now.setMonth(now.getMonth() - 3);</div><div class="ql-code-block" data-language="plain">console.log(now); // Outputs: Sat Nov 20 2026 10:30:00 GMT+0600 (Bangladesh Standard Time)</div></div><h3><br></h3><h3>5. Date Comparison</h3><p>You can compare dates by converting them to timestamps:</p><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">const date1 = new Date('2025-10-12');</div><div class="ql-code-block" data-language="plain">const date2 = new Date('2025-10-13');</div><div class="ql-code-block" data-language="plain"><br></div><div class="ql-code-block" data-language="plain">if (date1.getTime() < date2.getTime()) {</div><div class="ql-code-block" data-language="plain">  console.log('date1 is earlier than date2');</div><div class="ql-code-block" data-language="plain">} else {</div><div class="ql-code-block" data-language="plain">  console.log('date1 is not earlier than date2');</div><div class="ql-code-block" data-language="plain">}</div></div><h3><br></h3><h3>Conclusion</h3><p>Understanding JavaScript's Date object is crucial for handling dates and times in web development. By mastering date creation, formatting, and manipulation methods, you can build dynamic applications that interact with time effectively.</p>

Refer to image as [image1] or [image2] or so on in the text.

Image 1

Image 2

Image 3

Image 4

I Agree with the Terms and Conditions

Type the number that you see in image.

Delete this post

Create or Edit festival Post

Member's Sites: