বঙ্গাব্দ - jQuery Plugin

ওপেন সোর্স jQuery Plugin যেটা ব্যবহার করে আপনি ওয়েব পেজের যেকোনো স্থানে বাংলা ক্যালেন্ডার মোতাবেক আজকের বা নির্দিষ্ট কোন দিন/তারিখ ডিসপ্লে করতে পারবেন। গ্রেগরিয়ান ক্যালেন্ডার এর উপর ভিত্তি করে এবং উইকিপিডিয়ার তথ্য সূত্র মোতাবেক দিন/তারিখ রূপান্তরের প্রোগ্রামিং লজিক করা হয়েছে।

সোর্স কোড উদাহরণ সহ ডাউনলোড

যেকোনো HTML এলিমেন্টের মধ্যে খুব সহজেই বাংলা দিন/তারিখ দেখাতে নিচের মত করে এই প্লাগিনকে ইনিসিয়ালাইজ করতে হবে

$('element').bongabdo();

যদি আপনার ওয়েব পেজের মধ্যে নিচের মত এক বা একাধিক এলিমেন্ট থাকে,

<h1 class="bongabdo">...</h1>

তাহলে উপরোক্ত এলিমেন্ট গুলোর মধ্যে বাংলা তারিখ দেখানোর জন্য একটি পূর্ণ উদাহরণ হতে পারে নিচের মত করে। অর্থাৎ প্রথমে jQuery সংযুক্ত করুন, তারপর এই প্লাগিনকে সংযুক্ত করুন, তারপর ইনিসিয়ালাইজ করুন।

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="jquery.bongabdo.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.bongabdo').bongabdo(); }); </script>

এতে করে আপনি নিচের মত আউটপুট পাবেন

...


অপশনসমূহঃ

প্লাগিন ইনিশিয়ালাইজ করার সময়ই নীচের অপশনগুলোর জন্য ভ্যালু দিয়ে ডিফল্ট সেটিংসে পরিবর্তন করা যাবে।


date:

ডিফল্টভাবে প্লাগিনটি আজকের দিন দেখাবে। আপনি যদি অন্য কোনো নির্দিষ্ট ইংরেজি দিনের জন্য বাংলা দিন দেখতে চান তাহলে, date এর ভ্যালুতে স্ট্রিং হিসেবে ইংরেজি তারিখটি বলে দিতে হবে। নীচে উদাহরণ দেয়া হলোঃ

$('.bongabdo').bongabdo({ date: '2018-04-14' });

...

format:

দিন, তারিখ, বছর কোন ফরম্যাটে দেখাতে চান সেটা format এর ভ্যালুতে স্ট্রিং হিসেবে বলে দেয়া যাবে। নীচে উদাহরণ দেয়া হলোঃ

$('.bongabdo').bongabdo({ showSeason: true, format: "DD-MM [YY]" });

...

যেমনঃ আপনি যদি শুধুমাত্র বর্তমান বাংলা মাস দেখাতে চান, তাহলে-

$('#onlymonth').bongabdo({ format: "MM" });

...

কিংবা শুধুমাত্র বর্তমান বছর-

$('#onlyyear').bongabdo({ format: "YY" });

...

আরো একটি উদাহরণ-

$('.bongabdo').bongabdo({ format: "MM DD (YY)" });

...

ডিফল্ট ফরম্যাট হিসেবে দেয়া আছেঃ DD MM, YY
অর্থাৎ আপনি যদি কোনো ফরম্যাট বলে না দেন, তাহলে এই ফরম্যাটেই তারিখ, মাস, বছর দেখাবে।

ফরম্যাটের ভ্যালুসমুহঃ

DD তারিখ
MM মাস
YY বছর
SS ঋতু
WW বার

showSeason:

ঋতুর নাম সহ দেখাতে চাইলে showSeason এর ভ্যালু সেট করে দিন এবং format বলে দিন।

$('.bongabdo').bongabdo({ showSeason: true, format: "DD MM, YY (SS)" });

...

শুধুমাত্র বর্তমান ঋতু দেখাতে চাইলে-

$('#onlyseason').bongabdo({ showSeason: true, format: "SS" });

...

showWeekDays:

সপ্তাহের বার সহ দেখাতে চাইলেে showWeekDays এর ভ্যালু সেট করে দিন এবং format বলে দিন।

$('.bongabdo').bongabdo({ showWeekDays: true, format: "DD MM, YY (WW)" });

...

শুধুমাত্র সপ্তাহের বর্তমান দিনটি দেখাতে চাইলে-

$('#onlyday').bongabdo({ showWeekDays: true, format: "WW" });

...


Fork me on GitHub
top of page

Meet Our Business Sponsors

2023 SPONSORS

Care-Dental_Logo.jpg
Screenshot at Oct 05 15-24-54.png
New Alpine logo_edited.jpg
Vishnu_logo_Large.jpeg

2022 GOLD SPONSORS

Latest DonthulaRealty FB Ad.png
Hoichoi-Logo_Red_140x40.png
Kumon_LOGO_BK_w_blueback.png
New_LOGO_Namaste Plumbing.jpg
Vibrant-Real-estate-Logo.png

2022 SILVER SPONSORS

Xpert-Advise-financials_logo.png
Leaps_Gym_logo-simple.png
Krishna.jpg
Screenshot at Sep 12 14-24-09.png
Milonee_Logo_Wide_English_Small_edited.j
bottom of page