Time picker

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

টাইমস্ট্যাম্প নির্বাচন করার অনুমতি দেয়।


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

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

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

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

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

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

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

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

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

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

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

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

Time Picker


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

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

উপাদান কর্ম:

Timepicker 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] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;

Timepicker Get Properties

Timepicker 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] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;

Timepicker Set Properties

Timepicker 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] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;

Timepicker Update Properties

Timepicker Validate

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

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

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

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

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

Timepicker Validate


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

নির্বাচিত সময় পার্স করতে এবং এর সমস্ত কম্পোজিট পেতে, নিম্নলিখিত যুক্তি ব্যবহার করা উচিত

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

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