জাভাস্ক্রিপ্ট Date ফরমেট
জাভাস্ক্রিপ্ট Date ইনপুট
জাভাস্ক্রিপ্টে সাধারনত ৪ ধরনের Date ইনপুট ফরমেট আছেঃ
| টাইপ | উদাহরণ |
|---|---|
| ISO Date | "2017-03-16"(আন্তর্জাতিক স্ট্যান্ডার্ড অনুযায়ী) |
| Short Date | "03/16/2017" অথবা "2017/03/16" |
| Long Date | "Mar 16 2017" অথবা "16 Mar 2017" |
| Full Date | "Thursday March 16 2017" |
জাভাস্ক্রিপ্ট Date আউটপুট
ইনপুট ফরমেট ছাড়াই জাভাস্ক্রিপ্ট ডিফল্টভাবে পূর্ণ টেক্সট স্ট্রিং ফরমেটে প্রদর্শন করেঃ
জাভাস্ক্রিপ্ট ISO ডেট
তারিখ ও সময় প্রদর্শনের জন্য ISO 8601 হলো আন্তর্জাতিক স্ট্যান্ডার্ড।
ISO 8601 এর সিন্টেক্স (YYYY-MM-DD) জাভাস্ক্রিপ্ট Date ফরমেটে ব্যবহার হয়ে থাকেঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = new Date("2010-11-27");
</script>
</body>
</html>
ফলাফল
নির্ণিত তারিখ আপনার টাইম জোনের উপর নির্ভরশীল হবে।
দিন(YYYY-MM) উল্লেখ না করেও ইহা লিখা যায়ঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = new Date("2013-06");
</script>
</body>
</html>
ফলাফল
টাইম জোনের কারনে ফলাফল ২৮শে ফেব্রুয়ারী এবং ১লা মার্চের মধ্যে পরিবর্তিত হতে পারে।
ইহা মাস ও দিন(YYYY) উল্লেখ না করেও লিখা যায়ঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = new Date("2013");
</script>
</body>
</html>
ফলাফল
টাইম জোনের কারনে ফলাফল ডিসেম্বর ৩১, ২০১৬ এবং জানুয়ারী ০১, ২০১৭ এর মধ্যে পরিবর্তিত হতে পারে।
একে ঘন্টা, মিনিট, সেকেন্ড(YYYY-MM-DDTHH:MM:SS) যোগ করেও লিখতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = new Date("2013-12-14T12:00:00");
</script>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সংক্ষিপ্ত তারিখ
সংক্ষিপ্ত তারিখ বেশিরভাগ সময় "MM/DD/YYYY" এইভাবে লিখা হয়ঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = new Date("12/14/2013");
</script>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্টে "YYYY/MM/DD" এই ফরমেটও গ্রহণযোগ্যঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = new Date("2013/12/14");
</script>
</body>
</html>
ফলাফল
সকল সংক্ষিপ্ত এবং ISO Date ফরমেটে মাসকে দিনের আগে লেখা হয়েছে।
পূর্ববর্তী শূন্যের সতর্কীকরণ!
বেশিরভাগ ব্রাউজারে পূর্ববর্তী শূন্য ব্যতীত ISO মাস ও দিনকে সংক্ষিপ্ত তারিখ হিসেবে ব্যাখ্যা করা হয়ঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h3> লিডিং জিরো(শূন্য) অপ্রত্যাশিত ফলাফল তৈরি করে
</h3>
<p id="test"></p>
<p id="test1"></p>
<script>
document.getElementById("test").innerHTML = new Date("2014-6-15");
document.getElementById("test1").innerHTML = new Date("2014-06-15");
</script>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট বিশদ তারিখ
বিশদ তারিখ(Long Date) বেশিরভাগ সময় "MMM DD YYYY" একটি সিন্টেক্সে লেখা হয়ঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = new Date("Mar 13 2016");
</script>
</body>
</html>
ফলাফল
মাস ও দিনকে যেকোনো ভাবে লেখা যায়ঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = new Date("13 Mar 2016");
</script>
</body>
</html>
ফলাফল
মাসকে সম্পূর্ণ(January) অথবা সংক্ষিপ্ত(Jan) আকারে লেখা যায়ঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = new Date("January 17 2010");
</script>
</body>
</html>
ফলাফল
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = new Date("Jan 17 2010");
</script>
</body>
</html>
ফলাফল
কমা বাদ দেয়া হবে। নাম কেস-সেনসিটিভ নয়ঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = new Date("JANUARY, 17, 2010");
</script>
</body>
</html>
ফলাফল
সম্পূর্ন Date ফরমেট
জাভাস্ক্রিপ্ট "সম্পূর্ন জাভাস্ক্রিপ্ট ফরমেটের" Date স্ট্রিং গ্রহন করেঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML =
new Date("Wed Mar 25 2015 09:56:24 GMT+0100 (W. Europe Standard Time)");
</script>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট দিনের নাম এবং বন্ধনীর মাঝের লিখা উভয় ত্রুটি উপেক্ষা করবেঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML =
new Date("Wed Mar 25 2015 09:56:24 GMT+0100 (Tokyo Time)");
</script>
</body>
</html>
ফলাফল
টাইম জোন
জাভাস্ক্রিপ্ট এই সকল টাইম জোন গ্রহন করেঃ
| টাইম জোন | বর্ণনা |
|---|---|
| UTC | Coordinated Universal Time |
| GMT | Greenwich Mean Time |
| EDT | (US) Eastern Daylight Time |
| CDT | (US) Central Daylight Time |
| MDT | (US) Mountain Daylight Time |
| PDT | (US) Pacific Daylight Time |
| EST | (US) Eastern Standard Time |
| CST | (US) Central Standard Time |
| MST | (US) Mountain Standard Time |
| PST | (US) Pacific Standard Time |
যখন টাইম জোন উল্লেখ করা ছাড়াই তারিখ সেট করা হয়, জাভাস্ক্রিপ্ট সেক্ষেত্রে ব্রাউজারের টাইম জোন ব্যবহার করবে।
টাইম জোন উল্লেখ করা ছাড়াই তারিখ পেতে চাইলে, ফলাফল ব্রাউজারের টাইম জোনে রূপান্তরিত হয়ে আসবে।
অন্য ভাষায়ঃ যদি তারিখ GMT(Greenwich Mean Time) তে তৈরি করা হয়, তাহলে তারিখ/সময় BST(Bangladesh standard time) এ রূপান্তরিত হবে যদি ইউজার বাংলাদেশ থেকে ব্যবহার করে।