ভবিষ্যৎ ডেট ডিজেবল করতে maxDate ব্যবহার করে বর্তমান ডেট সেট করতে হবে। জাভাস্ক্রিপ্ট কোড নিচে -
উদাহরণ
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p>The selected date is as follows: <input type="text" class="disableFuturedate"></p> <script> $(document).ready(function () { var currentDate = new Date(); $('.disableFuturedate').datepicker({ format: 'dd/mm/yyyy', autoclose:true, endDate: "currentDate", maxDate: currentDate }).on('changeDate', function (ev) { $(this).datepicker('hide'); }); $('.disableFuturedate').keyup(function () { if (this.value.match(/[^0-9]/g)) { this.value = this.value.replace(/[^0-9^-]/g, ''); } }); }); </script> </body> </html>
উপরের প্রোগ্রাম রান করতে, আমি ফাইলটি index.html নামে সেভ করেছি। এই ফাইলটিতে রাইট ক্লিক করে open with live server অপশন সিলেক্ট করুন।
আউটপুট
এটি যেকোনো মডার্ন ওয়েব ব্রাউজারে আটোমেটিক্যালি রান হবে -
এরপর টেক্সট বক্সে মাউস ক্লিক করলে ডেট পিকার দেখাবে নিচের স্ক্রিনশট অনুযায়ী -
