HTML-এ, একটি তারিখ পিকার হল একটি দরকারী ইনপুট নিয়ন্ত্রণ যা ব্যবহারকারীদের ওয়েবসাইট বা ফর্মগুলিতে নির্দিষ্ট তারিখ নির্বাচন করতে সক্ষম করে। ডিফল্টরূপে, তারিখ বাছাইকারীরা যেকোনো তারিখ গ্রহণ করে, কিন্তু আপনি max ব্যবহার করে নির্বাচনযোগ্য তারিখের পরিসর সীমিত করতে পারেন আজ বা আগের তারিখে নির্বাচন সীমিত করার বৈশিষ্ট্য।
সিনট্যাক্স
<input type="date" max="YYYY-MM-DD">
ডেট পিকার কি?
একটি তারিখ পিকার হল একটি ব্যবহারকারী ইন্টারফেস উপাদান যা ব্যবহারকারীদের একটি ক্যালেন্ডার ইন্টারফেসের মাধ্যমে তারিখ নির্বাচন করতে দেয়। এটি সাধারণত রিজার্ভেশন সিস্টেম, সময়সূচী সফ্টওয়্যার বা জন্মতারিখ সংগ্রহের মতো অ্যাপ্লিকেশনের ফর্মগুলিতে ব্যবহৃত হয়৷
জাভাস্ক্রিপ্টের সাথে আজকের সর্বোচ্চ তারিখ নির্ধারণ করা হচ্ছে
গতিশীলভাবে max সেট করতে আজকের তারিখের বৈশিষ্ট্য, YYYY-MM-DD ফর্ম্যাটে বর্তমান তারিখ তৈরি করতে আপনার JavaScript প্রয়োজন
HTML স্ট্রাকচার
type="date" দিয়ে একটি ইনপুট উপাদান তৈরি করুন
<input type="date" id="datepicker">
সম্পূর্ণ উদাহরণ
জাভাস্ক্রিপ্ট
ব্যবহার করে আজকের সর্বোচ্চ নির্বাচনযোগ্য তারিখটি কীভাবে সেট করবেন তা এখানে রয়েছে
<!DOCTYPE html>
<html>
<head>
<title>Date Picker with Max Date</title>
</head>
<body>
<h3>Select a Date (Max: Today)</h3>
<input type="date" id="datepicker">
<script>
const today = new Date();
const year = today.getFullYear();
const month = String(today.getMonth() + 1).padStart(2, '0');
const day = String(today.getDate()).padStart(2, '0');
const formattedDate = `${year}-${month}-${day}`;
document.getElementById('datepicker').setAttribute('max', formattedDate);
</script>
</body>
</html>
A date picker input appears that only allows selection of dates up to and including today's date. Future dates are disabled and cannot be selected.
জাভাস্ক্রিপ্ট কিভাবে কাজ করে
জাভাস্ক্রিপ্ট কোড এই ধাপগুলি সম্পাদন করে
- বর্তমান তারিখের প্রতিনিধিত্ব করে একটি নতুন তারিখ অবজেক্ট তৈরি করে
- বছর, মাস এবং দিনের উপাদানগুলি বের করে
-
padStart()ব্যবহার করে অগ্রণী শূন্য সহ মাস এবং দিন ফর্ম্যাট করে - তারিখ ইনপুট দ্বারা প্রয়োজনীয় YYYY-MM-DD ফর্ম্যাটে তাদের একত্রিত করে
- তারিখ পিকারের সর্বোচ্চ বৈশিষ্ট্য সেট করে
কেস ব্যবহার করুন
আজকের মধ্যে সর্বাধিক তারিখ সীমাবদ্ধ করা
এর জন্য উপযোগী- বুকিং সিস্টেম যা শুধুমাত্র বর্তমান বা অতীতের তারিখ নির্বাচনের অনুমতি দেয়
- জন্মদিন বা ইভেন্ট রেজিস্ট্রেশন ফর্ম
- ডাটা সংগ্রহের ফর্ম যেখানে ভবিষ্যতের তারিখগুলি প্রাসঙ্গিক নয়
- ঐতিহাসিক রেকর্ড এন্ট্রি সিস্টেম
উপসংহার
একটি HTML তারিখ বাছাইকারীর সর্বোচ্চ তারিখ আজকের জন্য সেট করা ব্যবহারকারীদের ভবিষ্যতের তারিখ নির্বাচন করতে বাধা দেয়৷ YYYY-MM-DD বিন্যাসে গতিশীলভাবে আজকের তারিখ তৈরি করতে JavaScript ব্যবহার করুন এবং ইনপুটের max এ প্রয়োগ করুন রিয়েল-টাইম তারিখ সীমাবদ্ধতার জন্য বৈশিষ্ট্য।
