Date Picker

कॉपी करने के लिए क्लिक करें

एक निश्चित तिथि का चयन करने की अनुमति देता है।


देखो और महसूस करो सेटिंग्स

घटक के लेबल को दिखाने के लिए उपयोग किया जाने वाला Label (अनिवार्य नहीं)।

Placeholder (अनिवार्य नहीं) का उपयोग घटक के प्लेसहोल्डर को दिखाने के लिए किया जाना है।

Name (अनिवार्य) - घटक का नाम।

Tooltip (अनिवार्य नहीं) - टूलटिप स्ट्रिंग।

Min (अनिवार्य) - न्यूनतम टाइमस्टैम्प मान [यूनिक्स स्वरूपित] से शुरू करने के लिए। डिफ़ॉल्ट रूप से 0 पर सेट है।

Max (अनिवार्य) - अधिकतम टाइमस्टैम्प मान [यूनिक्स स्वरूपित] जिसे चुना जा सकता है। डिफ़ॉल्ट रूप से सृजन के क्षण के समतुल्य।;

Step (अनिवार्य नहीं) - चयन चरण मान।

Required (अनिवार्य) - यदि चयन आवश्यक है या नहीं तो अंक। डिफ़ॉल्ट रूप से गलत पर सेट है।

Allow clear (अनिवार्य) - चयन पर स्पष्ट करने की अनुमति देता है। डिफ़ॉल्ट रूप से गलत पर सेट है।

Disabled (अनिवार्य) - चालू होने पर घटक को अक्षम कर देता है। डिफ़ॉल्ट रूप से बंद है।

Visible (अनिवार्य) - चालू होने पर घटक को दृश्यमान बनाता है। डिफ़ॉल्ट रूप से सक्षम।


कार्यप्रवाह ट्रिगर

  • onChange - ड्रॉपडाउन विकल्प बदलने पर आग लगती है।
  • onFocus - जब घटक पर ध्यान केंद्रित किया जा रहा हो तो आग लगती है।
  • onBlur - जब घटक धुंधला हो जाता है तो आग लग जाती है।
  • onCreate - जब घटक बनाया जाता है तो आग लगती है।
  • onShow - घटक दिखाए जाने पर आग लगती है।
  • onHide - जब घटक छिपा होता है तो आग लगती है।
  • onDestroy - घटक दिखाए जाने पर आग लगती है।
  • onEnterKey - एंटर कुंजी दबाए जाने पर आग लगती है।

घटक क्रिया

Datepicker Get Properties

घटक के गुण प्राप्त करता है।

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

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

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

  • Label [string] - घटक का लेबल;
  • Placeholder [string] - घटक का प्लेसहोल्डर;
  • Allow Clear [boolean] - सही होने पर चयन को साफ़ करने की अनुमति देता है;
  • Disable [boolean] - यदि सत्य है तो घटक को निष्क्रिय कर देता है;
  • Tooltip [string] - टूलटिप स्ट्रिंग;
  • Required [boolean] - सही होने पर आवश्यक चिह्न दिखाता है;
  • Debounce (ms) [integer] - मान को मान्य करने में देरी;
  • Min [datetime] - न्यूनतम टाइमस्टैम्प मान [यूनिक्स स्वरूपित] से शुरू करने के लिए;
  • Max [datetime] - अधिकतम टाइमस्टैम्प मान [यूनिक्स स्वरूपित] जिसे चुना जा सकता है;
  • Value [datetime] - चयनित टाइमस्टैम्प मान [यूनिक्स स्वरूपित];
  • Validate Icon [boolean] - मान को मान्य करने पर दिखाया जाने वाला चिह्न;
  • वैलिडेट Validate Status [Status type] - वैलिडेट वैल्यू पर स्टेटस दिखाया जाना है;
  • Validate Message [string] - मान को मान्य करने पर दिखाया जाने वाला संदेश;

Datapicker Get Properties

Datepicker Set Properties

घटक के गुण सेट करता है।

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

  • Component Id [string] - घटक की पहचानकर्ता;
  • Label [string] - घटक का लेबल;
  • Placeholder [string] - घटक का प्लेसहोल्डर;
  • Allow Clear [boolean] - सही होने पर चयन को साफ़ करने की अनुमति देता है;
  • Disable [boolean] - यदि सत्य है तो घटक को निष्क्रिय कर देता है;
  • Tooltip [string] - टूलटिप स्ट्रिंग;
  • Required [boolean] - सही होने पर आवश्यक चिह्न दिखाता है;
  • Debounce (ms) [integer] - मान को मान्य करने में देरी;
  • Min [datetime] - न्यूनतम टाइमस्टैम्प मान [यूनिक्स स्वरूपित] से शुरू करने के लिए;
  • Max [datetime] - अधिकतम टाइमस्टैम्प मान [यूनिक्स स्वरूपित] जिसे चुना जा सकता है;
  • Value [datetime] - चयनित टाइमस्टैम्प मान [यूनिक्स स्वरूपित];
  • Validate Icon [boolean] - मान को मान्य करने पर दिखाया जाने वाला चिह्न;
  • वैलिडेट Validate Status [Status type] - वैलिडेट वैल्यू पर स्टेटस दिखाया जाना है;
  • Validate Message [string] - मान को मान्य करने पर दिखाया जाने वाला संदेश;

Datapicker Set Properties

Datepicker Update Properties

घटक के गुणों को अद्यतन करता है।

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

  • Component Id [string] - घटक की पहचानकर्ता;
  • Label [string] - घटक का लेबल;
  • Placeholder [string] - घटक का प्लेसहोल्डर;
  • Allow Clear [boolean] - सही होने पर चयन को साफ़ करने की अनुमति देता है;
  • Disable [boolean] - यदि सत्य है तो घटक को निष्क्रिय कर देता है;
  • Tooltip [string] - टूलटिप स्ट्रिंग;
  • Required [boolean] - सही होने पर आवश्यक चिह्न दिखाता है;
  • Debounce (ms) [integer] - मान को मान्य करने में देरी;
  • Min [datetime] - न्यूनतम टाइमस्टैम्प मान [यूनिक्स स्वरूपित] से शुरू करने के लिए;
  • Max [datetime] - अधिकतम टाइमस्टैम्प मान [यूनिक्स स्वरूपित] जिसे चुना जा सकता है;
  • Value [datetime] - चयनित टाइमस्टैम्प मान [यूनिक्स स्वरूपित];
  • Validate Icon [boolean] - मान को मान्य करने पर दिखाया जाने वाला चिह्न;
  • वैलिडेट Validate Status [Status type] - वैलिडेट वैल्यू पर स्टेटस दिखाया जाना है;
  • Validate Message [string] - मान को मान्य करने पर दिखाया जाने वाला संदेश;

Datapicker Update Properties

Datepicker Validate

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

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

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

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

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

Datapicker Validate


उपयोग उदाहरण

तिथि को वर्षों, महीनों और दिनों जैसे कुछ अलग-अलग भागों में विभाजित किया जा सकता है।

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

  • चयनित मान को कुछ छोटे भागों में विभाजित किया जा सकता है, जैसे वर्ष, महीने और दिन। Expand date का उपयोग करना होगा।