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 Get Properties

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 Set Properties

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 Update Properties

DateTimepicker Validate

दिनांक समय पिकर घटक से चयनित टाइमस्टैम्प मान को मान्य करता है।

इनपुट पैरामीटर:

  • Component Id [string] - घटक की पहचानकर्ता;

आउटपुट पैरामीटर:

  • Success [boolean] - सत्यापन परिणाम;
  • Error [string] - त्रुटि संदेश;

DateTimepicker Validate


उपयोग उदाहरण

कुछ मामलों में टाइमस्टैम्प मान ( डेटटाइमपिकर गुण प्राप्त करें ) प्राप्त करने और इसे स्ट्रिंग प्रारूप में परिवर्तित करने की आवश्यकता होती है। इस प्रयोजन के लिए दिनांक और समय टू स्ट्रिंग ब्लॉक का उपयोग करना होगा।

  • DateTimepicker Get Properties ब्लॉक को खींचें और इसे कैनवास में छोड़ दें। DateTime Picker घटक से मूल्य प्राप्त करने के लिए Component ID को निर्दिष्ट करना होगा

DateTimepicker Get Properties

  • टाइमस्टैम्प मान को स्ट्रिंग में बदलने के लिए Date & Time to String ब्लॉक का उपयोग किया जाना है। मान फ़ील्ड को एक दूसरे से कनेक्ट करें।

  • टाइमस्टैम्प मान को आवश्यक प्रारूप के साथ बदलने के लिए फ़ॉर्मैट मास्क फ़ील्ड भरें।