দেখুন এবং অনুভব করুন সেটিংস
কম্পোনেন্টের লেবেল দেখানোর জন্য 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] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;
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] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;
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] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;
Datepicker Validate
তারিখের সময় চয়নকারী উপাদান থেকে নির্বাচিত টাইমস্ট্যাম্প মান যাচাই করে।
ইনপুট পরামিতি:
- Component Id [string] - উপাদানের শনাক্তকারী;
আউটপুট পরামিতি:
- Success [boolean] - বৈধতা ফলাফল;
- Error [string] - ত্রুটি বার্তা;
ব্যবহারের উদাহরণ
তারিখকে কয়েক ভাগে ভাগ করা যায় যেমন বছর, মাস এবং দিন।
- Datepicker Get Properties ব্লক টেনে আনুন এবং ক্যানভাসে ফেলে দিন। Date Picker কম্পোনেন্ট থেকে মান পেতে Component ID নির্দিষ্ট করতে হবে
- নির্বাচিত মানকে কিছু ছোট অংশে ভাগ করা যেতে পারে, যেমন বছর, মাস এবং দিন। Expand date ব্যবহার করতে হবে।
