मोबाइल उपकरणों के साथ डेटपिकर और कैलेंडर एक्सटेंडर का उपयोग करना

अपनी वेबसाइट पर मोबाइल उपकरणों के साथ डेटपिकर और कैलेंडर एक्सटेंडर का उपयोग करना

मेरे आईफोन पर AJAX CalenderExtender में प्रवेश करते समय मैं कुछ मुद्दों में भाग गया। यह एक तरह का काम करता है, लेकिन अनुप्रयोगों के लिए डेट पिकर में निर्मित होने पर विचार करते हुए थोड़ा क्लंकी लगा। मैं मोबाइल या डेस्कटॉप के लिए चयन योग्य खाल के साथ अपनी सभी साइटों को एक के रूप में डिजाइन करता हूं, इसलिए मुझे लगा कि यह एक समस्या हो सकती है।

चूंकि आईओएस 5 सफारी को एचटीएमएल डेट टैग के लिए मूल समर्थन मिला है।

अब एक कैलेंडर एक्सटेंडर का उपयोग करते समय मैंने देखा है कि बहुत से लोग पोस्टबैक के बाद मुद्दों में भाग लेते हैं। यह टेक्स्ट बॉक्स के व्यूस्टेट और जावास्क्रिप्ट के कारण है। मैंने इसे प्राप्त करने के कई तरीके देखे हैं, दो मुख्य तरीके इसे केवल पढ़ने के लिए सेट करना है, और दूसरा अपडेट पैनल के अंदर अपना कोड डालना है। मैं बाद वाले का उपयोग करता हूं, क्योंकि यदि उपयोगकर्ता चाहें तो बॉक्स में टाइप कर सकते हैं (उदाहरण के लिए आप मास्कड एडिट एक्सटेंडर जोड़ सकते हैं)।

यह वह कोड है जिसका मैं उपयोग करता हूं, यह न भूलें कि यदि आप इसका उपयोग करते हैं तो आपको टूलकिट स्क्रिप्ट प्रबंधक को जोड़ना होगा।

HTML

<div class="ControlArea"><asp:UpdatePanel ID="UpdatePanel2" runat="server">  <ContentTemplate>  <asp:Label ID="Label1" runat="server" Text="Date To From" CssClass="LabelLeft400"><asp:Label>  <asp:TextBox id="DateFrom" runat="server" AutoPostBack="True"><asp:TextBox>  <asp:CalendarExtender ID="DateFrom_CalendarExtender" runat="server"  Enabled="True" TargetControlID="DateFrom" ClearTime="True"  PopupPosition="TopRight" Format="dd MMM yyyy">  <asp:CalendarExtender>  <asp:TextBox id="DateTo" runat="server" AutoPostBack="True"><asp:TextBox>  <asp:CalendarExtender ID="DateTo_CalendarExtender" runat="server"  Enabled="True" TargetControlID="DateTo" ClearTime="True"  PopupPosition="TopRight" Format="dd MMM yyyy">  <asp:CalendarExtender>  <ContentTemplate><asp:UpdatePanel><div>

आपके कोड के पीछे, आपको कुछ इसी तरह की आवश्यकता होगी, जो मोबाइल उपकरणों के लिए कैलेंडर एक्स्टेंडर और ऑटो पोस्टबैक को बंद कर देता है (मैं इसे कुछ उपकरणों तक बढ़ा सकता हूं), और HTML5 इनपुट प्रकार की तिथि जोड़ता है। अधिक जानकारी के लिए W3 स्कूल देखें।

VB

Dim df As Date = DateSerial(Year(Today()) - 1, 1, 1)Dim dt As Date = DateSerial(Year(Today()) - 1, 12, 31)DateFrom.Text = Format(df, "dd MMM yyyy")DateTo.Text = Format(dt, "dd MMM yyyy")If Request.Browser.IsMobileDevice Then  DateFrom_CalendarExtender.Enabled = False  DateFrom.AutoPostBack = False  DateTo_CalendarExtender.Enabled = False  DateTo.AutoPostBack = False  DateFrom.Attributes.Add("Type", "Date")  DateTo.Attributes.Add("Type", "Date")ElseEnd If

And that is it, it on the IPhone and it will come up with the native date picker, and desktop devices will use the Java version. No need for additional plugins or too much code.

क्लेटाबेस द्वारा वेबसाइट डिजाइन

यह कोड का एक भाग है जिसे Ousia सामग्री प्रबंधन प्रणाली कोड से संशोधित किया गया है, जो बाजार पर सबसे तेज और सबसे अनुकूलित प्रणालियों में से एक है, जो हमारी वेबसाइट डिजाइन सेवाओं का हिस्सा है।

ये लगभग £500 से शुरू होने वाली साइटों के साथ उपलब्ध हैं।

अधिक: उत्तरदायी और तेज। सामग्री प्रबंधन प्रणाली के साथ वेब विकास, डिजाइन और होस्टिंग