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 का उपयोग करना होगा।