DateTime Picker

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

কম্পোনেন্টের লেবেল দেখানোর জন্য 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 ব্লক ব্যবহার করতে হবে। একে অপরের সাথে মান ক্ষেত্র সংযুক্ত করুন।

• প্রয়োজনীয় বিন্যাসে টাইমস্ট্যাম্প মান রূপান্তর করতে ফর্ম্যাট মাস্ক ক্ষেত্রটি পূরণ করুন।