HTML-এ ইয়ার (year) ইনপুট টাইপ ব্যবহার

HTML-এ <input type="month"> ব্যবহার করে মাস ইনপুট টাইপ কাজে লাগায়। এর মাধ্যমে ব্যবহারকারী মাস এবং বছর নির্বাচন করতে পারে। কিন্তু আপনি যদি শুধু ইয়ার পপআপ দেখাতে চান? খুব দুঃখের কথা, HTML-এ আলাদা year ইনপুট টাইপ নেই।

ইয়ার ইনপুট টাইপ ব্যবহার করতে আমরা jQuery-র datepicker ব্যবহার করব। এটি text ইনপুট টাইপের সাথে ব্যবহার হয়। প্রোগ্রাম রান করলে শুধু বছরটি দিখাবে।

উদাহরণ

নিচের কোডটি চালিয়ে ইনপুট টাইপ ব্যবহার করে বছর সেট করা যাবে:

<html>
  <head>
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
      $(function() {
        $("#date").datepicker({dateFormat: 'yy'});
      });
    </script>
  </head>
  <body>
    <form action="" method="get">
      Details:<br><br>
      Student Name <br>
      <input type="text" name="sname"> <br>
      Year of Birth <br>
      <input type="text" id="date"> <br>
      <input type="submit" value="Submit">
    </form>
  </body>
</html>

দ্রষ্টব্য: এই উদাহরণে jQuery UI-র datepicker ব্যবহার করা হয়েছে, যা আলাদা লোড করতে হয়। উদাহরণে শুধু jQuery লোড করা হয়েছে, datepicker UI CSS এবং JS ফাইলগুলো যোগ করতে হবে কাজ করার জন্য।