Date Picker

অনুলিপি করতে ক্লিক করুন

একটি নির্দিষ্ট তারিখ নির্বাচন করার অনুমতি দেয়।


দেখুন এবং অনুভব করুন সেটিংস

কম্পোনেন্টের লেবেল দেখানোর জন্য Label (বাধ্যতামূলক নয়) ব্যবহার করা হবে।

Placeholder (বাধ্যতামূলক নয়) উপাদানটির স্থানধারক দেখানোর জন্য ব্যবহার করা হবে।

Name (বাধ্যতামূলক) - উপাদানের নাম।

Tooltip (বাধ্যতামূলক নয়) - টুলটিপ স্ট্রিং।

Min (বাধ্যতামূলক) - ন্যূনতম টাইমস্ট্যাম্প মান [ইউনিক্স ফরম্যাটেড] থেকে শুরু করতে হবে। ডিফল্টরূপে 0 সেট করা আছে।

Max (বাধ্যতামূলক) - সর্বাধিক টাইমস্ট্যাম্প মান [ইউনিক্স ফরম্যাটেড] যা নির্বাচন করা যেতে পারে। ডিফল্টরূপে সৃষ্টির মুহূর্তের সমতুল্য।;

Step (বাধ্যতামূলক নয়) - নির্বাচনের ধাপের মান।

Required (আবশ্যিক) - নির্বাচনের প্রয়োজন বা না হলে চিহ্নিত করুন। ডিফল্টরূপে মিথ্যা সেট করা হয়.

Allow clear (আবশ্যিক) - নির্বাচনের ক্ষেত্রে পরিষ্কার করার অনুমতি দেয়। ডিফল্টরূপে মিথ্যা সেট করা হয়.

Disabled (আবশ্যিক) - চালু থাকলে উপাদানটিকে অক্ষম করে তোলে। ডিফল্টরূপে বন্ধ করা হয়.

Visible (বাধ্যতামূলক) - চালু থাকলে উপাদানটিকে দৃশ্যমান করে তোলে। ডিফল্টরূপে সক্রিয়.


ওয়ার্কফ্লো ট্রিগার

  • onChange - ড্রপডাউন বিকল্প পরিবর্তন করা হলে ফায়ার হয়।
  • onFocus - যখন উপাদানটির উপর ফোকাস করা হয় তখন আগুন লাগে।
  • onBlur - উপাদানটি ঝাপসা হয়ে গেলে আগুন লাগে।
  • onCreate - যখন উপাদান তৈরি হয় তখন আগুন লাগে।
  • onShow - যখন উপাদানটি দেখানো হয় তখন আগুন লাগে।
  • onHide - যখন উপাদানটি লুকানো থাকে তখন আগুন লাগে।
  • onDestroy - যখন উপাদানটি দেখানো হয় তখন আগুন লাগে।
  • onEnterKey - এন্টার কী চাপলে ফায়ার হয়।

কম্পোনেন্ট অ্যাকশন

Datepicker Get Properties

উপাদান এর বৈশিষ্ট্য পায়.

ইনপুট পরামিতি:

  • Component Id [string] - উপাদানের শনাক্তকারী;

আউটপুট পরামিতি:

  • Label [string] - উপাদানের লেবেল;
  • Placeholder [string] - উপাদানের স্থানধারক;
  • Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
  • Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
  • Tooltip [string] - টুলটিপ স্ট্রিং;
  • Required [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
  • Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
  • Min [datetime] - সর্বনিম্ন টাইমস্ট্যাম্প মান [ইউনিক্স বিন্যাসিত] থেকে শুরু করতে হবে;
  • Max [datetime] - সর্বাধিক টাইমস্ট্যাম্প মান [ইউনিক্স ফরম্যাটেড] যা নির্বাচন করা যেতে পারে;
  • Value [datetime] - নির্বাচিত টাইমস্ট্যাম্প মান [ইউনিক্স ফর্ম্যাট];
  • ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
  • ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
  • ভ্যালিডেট Validate Message [string] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;

Datapicker Get Properties

Datepicker Set Properties

কম্পোনেন্টের বৈশিষ্ট্য সেট করে।

ইনপুট পরামিতি:

  • Component Id [string] - উপাদানের শনাক্তকারী;
  • Label [string] - উপাদানের লেবেল;
  • Placeholder [string] - উপাদানের স্থানধারক;
  • Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
  • Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
  • Tooltip [string] - টুলটিপ স্ট্রিং;
  • Required [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
  • Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
  • Min [datetime] - সর্বনিম্ন টাইমস্ট্যাম্প মান [ইউনিক্স বিন্যাসিত] থেকে শুরু করতে হবে;
  • Max [datetime] - সর্বাধিক টাইমস্ট্যাম্প মান [ইউনিক্স ফরম্যাটেড] যা নির্বাচন করা যেতে পারে;
  • Value [datetime] - নির্বাচিত টাইমস্ট্যাম্প মান [ইউনিক্স ফর্ম্যাট];
  • ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
  • ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
  • ভ্যালিডেট Validate Message [string] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;

Datapicker Set Properties

Datepicker Update Properties

কম্পোনেন্টের বৈশিষ্ট্য আপডেট করে।

ইনপুট পরামিতি:

  • Component Id [string] - উপাদানের শনাক্তকারী;
  • Label [string] - উপাদানের লেবেল;
  • Placeholder [string] - উপাদানের স্থানধারক;
  • Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
  • Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
  • Tooltip [string] - টুলটিপ স্ট্রিং;
  • Required [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
  • Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
  • Min [datetime] - সর্বনিম্ন টাইমস্ট্যাম্প মান [ইউনিক্স বিন্যাসিত] থেকে শুরু করতে হবে;
  • Max [datetime] - সর্বাধিক টাইমস্ট্যাম্প মান [ইউনিক্স ফরম্যাটেড] যা নির্বাচন করা যেতে পারে;
  • Value [datetime] - নির্বাচিত টাইমস্ট্যাম্প মান [ইউনিক্স ফর্ম্যাট];
  • ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
  • ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
  • ভ্যালিডেট Validate Message [string] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;

Datapicker Update Properties

Datepicker Validate

তারিখের সময় চয়নকারী উপাদান থেকে নির্বাচিত টাইমস্ট্যাম্প মান যাচাই করে।

ইনপুট পরামিতি:

  • Component Id [string] - উপাদানের শনাক্তকারী;

আউটপুট পরামিতি:

  • Success [boolean] - বৈধতা ফলাফল;
  • Error [string] - ত্রুটি বার্তা;

Datapicker Validate


ব্যবহারের উদাহরণ

তারিখকে কয়েক ভাগে ভাগ করা যায় যেমন বছর, মাস এবং দিন।

  • Datepicker Get Properties ব্লক টেনে আনুন এবং ক্যানভাসে ফেলে দিন। Date Picker কম্পোনেন্ট থেকে মান পেতে Component ID নির্দিষ্ট করতে হবে

  • নির্বাচিত মানকে কিছু ছোট অংশে ভাগ করা যেতে পারে, যেমন বছর, মাস এবং দিন। Expand date ব্যবহার করতে হবে।