জাভাস্ক্রিপ্ট জেকুয়েরি এঙ্গুলার জেএস এইচটিএমএল সিএসএস বুটস্ট্রাপ পিএইচপি সি প্রোগ্রামিং
ফোরাম
×

জেএস টিউটোরিয়াল

হোম-HOME পরিচিতি-Introduction ব্যবহার-Uses গঠনপ্রণালী-Syntax আউটপুট-Output তথ্যের ধরণ-Data Type চলক-Variable স্টেটমেন্ট-Statement মন্তব্য-Comment অপারেটর-Operator গণিত-Arithmetic এসাইনমেন্ট-Assignment ফাংশন-Function অবজেক্ট-Object স্কোপ-Scope ইভেন্ট-Event ধরণ পরিবর্তন-Type Conversion রেগুলার এক্সপ্রেশন-RegExp ভুল-Error জেসন-JSON হয়েস্টিং-Hoisting

কন্ট্রোল স্টেটমেন্ট

বুলিয়ান-Boolean তুলনা-Comparison শর্তাবলী-Condition সুইচ-Switch ফর লুপ- For Loop হোয়াইল লুপ-While Loop ব্রেক-Break এবং কন্টিনিউ-continue

স্ট্রিং এবং অ্যারে

স্ট্রিং-String স্ট্রিং পদ্ধতি-String Method অ্যারে-Array অ্যারে পদ্ধতি -Array Method অ্যারে সর্ট-ArraySort

সংখ্যা, গণিত ও তারিখ

সংখ্যা-Number সংখ্যা পদ্ধতি-Number Method গণিত-Math তারিখ-Date তারিখ বিন্যাস-Date Format তারিখ পদ্ধতি-Date Method

জেএস ফাংশন-Function

ফাংশনের সংজ্ঞা-Definition ফাংশন প্যারামিটার-Parameter ফাংশনকে ডাকা-Invocation ফাংশন ক্লোজার-Closure

জেএস অবজেক্ট-Object

অবজেক্টের সংজ্ঞা-Definition অবজেক্ট প্রোপার্টি-Property অবজেক্ট মেথড-Method অবজেক্ট প্রোটোটাইপ-Prototype

জেএস ফর্ম-Form

ফর্ম বৈধকরণ-Validation ফর্ম এপিআই-API

জেএস এইচটিএমএল ডোম-DOM

ডোম(DOM) পরিচিতি ডোম মেথড-Method ডোম ডকুমেন্ট-Document ডোম এলিমেন্ট -Element ডোম এইচটিএমএল-HTML ডোম সিএসএস-CSS ডোম অ্যানিমেশন-Animation ডোম ঘটনা-Event ডোম ইভেন্টলিসেনার-EventListener ডোম নেভিগেশন-Navigation ডোম নোড-Node ডোম নোডতালিকা-Nodelist

জেএস ব্রাউজার বোম-BOM

উইন্ডো-Window স্ক্রিন-Screen লোকেশন-Location হিস্টোরি-History নেভিগেটর-Navigator পপআপ এলার্ট-Popup Alert টাইমিং-Timing কুকি-Cookie

জেএস রেফারেন্স

জাভাস্ক্রিপ্ট অবজেক্ট এইচটিএমএল ডোম অবজেক্ট অপারেটর-Operator স্টেটমেন্ট-Statement অ্যারে-Array বুলিয়ান-Boolean স্ট্রিং-String সংখ্যা-Number রেগুলার এক্সপ্রেশন-RegExp গণিত-Math তারিখ-Date গ্লোবাল-Global কনভার্শন-Conversion


 

জাভাস্ক্রিপ্ট 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) এ রূপান্তরিত হবে যদি ইউজার বাংলাদেশ থেকে ব্যবহার করে।