ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-23, Thursday
💻 ක්‍රමලේඛනය · 🕒 කියවීමට විනාඩි 2 · 👁 1

RollDate: සරල, තිරස්කරණය කළ JavaScript දිනය තෝරාගැනීමේ උපකරණය

RollDate: සරල, තිරස්කරණය කළ JavaScript දිනය තෝරාගැනීමේ උපකරණය

වෙබ් සංවර්ධකයින්ට දිනය තෝරාගැනීමේ UI එකක් අවශ්‍ය වෙද්දී, බොහෝ වෙලාවට React, Vue, jQuery වැනි බාධක හමුවේ. එම නිසා කෙටි කාලයකින්ම වැඩේ අසීරු වීම අසාමාන්‍ය නොවේ.

දත්ත තෝරාගැනීමේ අභියෝගය

අපි සාමාන්‍යයෙන් සොයාගත් දින තෝරාගැනීමේ පොදු ලයිබ්‍රරීන්, අතිරේක ලයිබ්‍රරී එකක් (Moment.js, Day.js) අවශ්‍ය කරවා ගනී. තවත්, මොබයිල් උපාංගවල අඩු තිරය සඳහා අරුමැති අරෝ බොත්තම් භාවිතා කිරීම අසහනීයයි. ඒ නිසා මූලික UI එකක් සෑදීමත්, ඒකෙ ඉදිරියට යාමත් අඩු විය.

RollDate හි විශේෂතා

RollDate නමින් නවතම JavaScript date picker එක, ඉහත ගැටළු සියල්ලට පිළිතුරු දෙනවා. එහි ප්‍රධාන ලක්ෂණ:

  • අසීමිත තිරස්කරණය – මාස/අවුරුද්ද වෙනස් කිරීම සෙවුම් බ්‍රවුසරයක් මෙන් සෙවනැල්ලක් නැතිව සිදුවේ.
  • ෆ්‍රේම්වර්ක් නැත – React, Vue, Angular වැනි කිසිවක් අවශ්‍ය නොවේ. Vanilla JavaScript එකට පමණක්.
  • තනි, පරාස, බහු තේරීම් – එකම API එකෙන් තනි දිනය, දිනය පරාසය, හෝ බහු දිනය තෝරාගැනීමේ හැකියාව.
  • කාලය එක්ක – 24‑hour හා 12‑hour (AM/PM) ආකාර දෙකම, මිනිත්තු පියවර සැකසීමට හැකියාව.
  • TypeScript සහාය – දැඩි වර්ග පරීක්ෂාවක් සමඟ වැඩ කිරීම පහසු.
  • ලයිට්/ඩාර්ක් තේමාව – UI එකේ දෘශ්‍ය පෙනුම ඔබේ අවශ්‍යතාවයට ගැළපේ.

ශ්‍රී ලංකාවට ඇති වැදගත්කම

ශ්‍රී ලංකාවේ බොහෝ තාක්ෂණික ආයතන, විශ්වවිද්‍යාල, ස්වයංක්‍රීය ව්‍යාපාරික පද්ධති ආදියට නිදහස් UI කොම්පොනන්ට් අවශ්‍ය වේ. RollDate නෙවෙයි:

  • ඉතා කුඩා ගොනුවක් නිසා වෙබ් පිටුවේ ලෝඩ් වේගය අඩු වේ.
  • ඕනෑම framework එකක් සමඟ සරලව ඒකාබද්ධ කළ හැකි නිසා, ප්‍රායෝගික පරිසරයන්හි අඩු පරිපාලන පිරිවැය.
  • සිංහල, ඉංග්‍රීසි, තායිලන්ත වැනි බහුභාෂා ලොකෙල් සපයන නිසා, දේශීය පරිශීලකයන්ට හොඳ අත්දැකීම.
  • TypeScript නිසා දෝෂ හඳුනා ගැනීම ඉක්මනින්, ඒ නිසා කේත ගුණාත්මකභාවය වැඩිවේ.

මෙම ලාභයන් සමඟ, ශ්‍රී ලංකාවේ නවතම වෙබ් යෙදුම්, ඩිජිටල් සේවා, හා e‑commerce වැනි ක්ෂේත්‍රවල වැඩි කාර්යක්ෂමතාවක් ලබා ගත හැක.

අවසන් වචන

RollDate, නවතම, නිදහස්, හා පරිශීලක‑හිතකාමී date picker එකක් ලෙස, ලෝකය පුරාම සංවර්ධකයින්ගේ අවධානය දිනා ගනිමින්, ශ්‍රී ලංකාවේ දත්තාපනයේ නව පියවරක් ගන්නට උපකාරී වේ.

💡 ඔබේ ව්‍යාපෘතියට RollDate එක් කර බලන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#JavaScript #DatePicker #UI #TypeScript #SriLanka