দেখুন এবং অনুভব করুন সেটিংস
কম্পোনেন্টের লেবেল দেখানোর জন্য Label (বাধ্যতামূলক নয়) ব্যবহার করা হবে।
Placeholder (বাধ্যতামূলক নয়) উপাদানটির স্থানধারক দেখানোর জন্য ব্যবহার করা হবে।
Name (বাধ্যতামূলক) - উপাদানের নাম।
Tooltip (বাধ্যতামূলক নয়) - টুলটিপ স্ট্রিং।
Min (বাধ্যতামূলক) - ন্যূনতম টাইমস্ট্যাম্প মান [unix formatted] থেকে শুরু করতে হবে। ডিফল্টরূপে 0 সেট করা আছে।
Max (বাধ্যতামূলক) - সর্বাধিক টাইমস্ট্যাম্প মান [unix formatted] যা নির্বাচন করা যেতে পারে। ডিফল্টরূপে সৃষ্টির মুহূর্তের সমতুল্য।
Step (বাধ্যতামূলক নয়) - নির্বাচনের ধাপের মান।
Required (আবশ্যিক) - নির্বাচনের প্রয়োজন বা না হলে চিহ্নিত করুন। ডিফল্টরূপে মিথ্যা সেট করা হয়.
Allow clear (আবশ্যিক) - নির্বাচনের ক্ষেত্রে পরিষ্কার করার অনুমতি দেয়। ডিফল্টরূপে মিথ্যা সেট করা হয়.
Disabled (আবশ্যিক) - চালু থাকলে উপাদানটিকে অক্ষম করে তোলে। ডিফল্টরূপে বন্ধ করা হয়.
Visible (বাধ্যতামূলক) - চালু থাকলে উপাদানটিকে দৃশ্যমান করে তোলে। ডিফল্টরূপে সক্রিয়.
ওয়ার্কফ্লো ট্রিগার
- onChange - ড্রপডাউন বিকল্প পরিবর্তন করা হলে ফায়ার হয়।
- onFocus - যখন সিলেক্ট কম্পোনেন্ট ফোকাস করা হয় তখন ফায়ার হয়।
- onBlur - যখন সিলেক্ট কম্পোনেন্ট ঝাপসা হয় তখন ফায়ার হয়।
- onCreate - যখন উপাদান তৈরি হয় তখন আগুন লাগে।
- onShow - যখন উপাদানটি দেখানো হয় তখন আগুন লাগে।
- onHide - যখন উপাদানটি লুকানো থাকে তখন আগুন লাগে।
- onDestroy - যখন উপাদানটি দেখানো হয় তখন আগুন লাগে।
- onEnterKey - এন্টার কী চাপলে ফায়ার হয়।
কম্পোনেন্ট অ্যাকশন
DateTimepicker Get Properties
উপাদান এর বৈশিষ্ট্য পায়.
ইনপুট পরামিতি:
- Component Id [string] - উপাদানের শনাক্তকারী;
আউটপুট পরামিতি:
- Label [string] - উপাদানের লেবেল;
- Placeholder [string] - উপাদানের স্থানধারক;
- Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
- Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
- Tooltip [string] - টুলটিপ স্ট্রিং;
- Required [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
- Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
- Min [datetime] - সর্বনিম্ন টাইমস্ট্যাম্প মান [unix formatted] থেকে শুরু করতে হবে;
- Max [datetime] - সর্বাধিক টাইমস্ট্যাম্প মান [unix formatted] যা নির্বাচন করা যেতে পারে;
- Value [datetime] - নির্বাচিত টাইমস্ট্যাম্প মান [unix formatted] ;
- ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
- ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
- ভ্যালিডেট Validate Message [string] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;
DateTimepicker Set Properties
কম্পোনেন্টের বৈশিষ্ট্য সেট করে।
ইনপুট পরামিতি:
- Component Id [string] - উপাদানের শনাক্তকারী;
- Label [string] - উপাদানের লেবেল;
- Placeholder [string] - উপাদানের স্থানধারক;
- Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
- Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
- Tooltip [string] - টুলটিপ স্ট্রিং;
- Required [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
- Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
- Min [datetime] - সর্বনিম্ন টাইমস্ট্যাম্প মান [unix formatted] থেকে শুরু করতে হবে;
- Max [datetime] - সর্বাধিক টাইমস্ট্যাম্প মান [unix formatted] যা নির্বাচন করা যেতে পারে;
- Value [datetime] - নির্বাচিত টাইমস্ট্যাম্প মান [unix formatted] ;
- ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
- ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
- ভ্যালিডেট Validate Message [string] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;
DateTimepicker Update Properties
কম্পোনেন্টের বৈশিষ্ট্য আপডেট করে।
ইনপুট পরামিতি:
- Component Id [string] - উপাদানের শনাক্তকারী;
- Label [string] - উপাদানের লেবেল;
- Placeholder [string] - উপাদানের স্থানধারক;
- Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
- Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
- Tooltip [string] - টুলটিপ স্ট্রিং;
- Required [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
- Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
- Min [datetime] - সর্বনিম্ন টাইমস্ট্যাম্প মান [unix formatted] থেকে শুরু করতে হবে;
- Max [datetime] - সর্বাধিক টাইমস্ট্যাম্প মান [unix formatted] যা নির্বাচন করা যেতে পারে;
- Value [datetime] - নির্বাচিত টাইমস্ট্যাম্প মান [unix formatted] ;
- ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
- ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
- ভ্যালিডেট Validate Message [string] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;
DateTimepicker Validate
তারিখের সময় চয়নকারী উপাদান থেকে নির্বাচিত টাইমস্ট্যাম্প মান যাচাই করে।
ইনপুট পরামিতি:
- Component Id [string] - উপাদানের শনাক্তকারী;
আউটপুট পরামিতি:
- Success [boolean] - বৈধতা ফলাফল;
- Error [string] - ত্রুটি বার্তা;
ব্যবহারের উদাহরণ
কিছু কিছু ক্ষেত্রে টাইমস্ট্যাম্প মান ( DateTimepicker Get Properties ) পেতে এবং এটিকে স্ট্রিং বিন্যাসে রূপান্তর করতে হবে। এই উদ্দেশ্যে তারিখ এবং সময় স্ট্রিং ব্লক ব্যবহার করতে হবে।
- DateTimepicker Get Properties ব্লক টেনে আনুন এবং ক্যানভাসে ফেলে দিন। DateTime Picker কম্পোনেন্ট থেকে মান পেতে Component ID নির্দিষ্ট করতে হবে
- টাইমস্ট্যাম্প মানকে স্ট্রিং-এ রূপান্তর করতে Date & Time to String ব্লক ব্যবহার করতে হবে। একে অপরের সাথে মান ক্ষেত্র সংযুক্ত করুন।
- প্রয়োজনীয় বিন্যাসে টাইমস্ট্যাম্প মান রূপান্তর করতে ফর্ম্যাট মাস্ক ক্ষেত্রটি পূরণ করুন।
