დროის ველი
დროის შეგროვება ზუსტად და მარტივად. შეხვედრების დაგეგმვიდან დაწყებული ცვლების შერჩევით დამთავრებული ელეგანტური, ჩაშენებული დროის ამომრჩევებით, ჭკვიანი ინტერვალებითა და მოქნილი ფორმატირებით - დროის ველი უზრუნველყოფს ვალიდაციას, პერსონალიზაციას და მომხმარებლისთვის შეუფერხებელ გამოცდილებას.
ჭკვიანი დროის შეგროვება ჩაშენებული დადასტურებით
იდეალურია:
ძლიერი ფუნქციები ყველა შემთხვევისთვის
🕐 მოქნილი დროის ფორმატები
24-საათიანი ან 12-საათიანი ჩვენება
აირჩიეთ თქვენი აუდიტორიის შესაბამისი ფორმატი. საერთაშორისო მომხმარებლებისთვის გამოიყენეთ 24-საათიანი სამხედრო დრო (14:30) ან 12-საათიანი AM/PM (2:30 PM) ნაცნობობისთვის.
ავტომატური ფორმატის კონვერტაცია
ველი ავტომატურად ამუშავებს ფორმატის კონვერტაციას - მომხმარებლები ხედავენ მათთვის სასურველ ფორმატს, ხოლო თქვენი სისტემა იღებს თანმიმდევრულ მონაცემებს.
მაგალითები:
- სამუშაო საათები: 9:00 AM – 5:00 PM (12 საათიანი)
- საერთაშორისო დაგეგმვა: 09:00 – 17:00 (24 საათიანი)
- სამედიცინო ვიზიტები: 14:30 (24 საათიანი სიზუსტე)
⏰ ჭკვიანი დროის ინტერვალები
კონტროლის შერჩევის სიზუსტე
დააყენეთ დროის შერჩევის დეტალურობა. თქვენი საჭიროებების მიხედვით, აირჩიეთ ყოველწუთიანი ან საათობრივი ინტერვალები.
ხელმისაწვდომი ინტერვალები:
- ყოველ წუთს (12:00, 12:01, 12:02…) – მაქსიმალური სიზუსტე
- ყოველ 5 წუთში (12:00, 12:05, 12:10…) – სტანდარტული შეხვედრები
- ყოველ 10 წუთში (12:00, 12:10, 12:20…) – სწრაფი დაჯავშნა
- ყოველ 15 წუთში (12:00, 12:15, 12:30…) – ყველაზე გავრცელებული
- ყოველ 30 წუთში (12:00, 12:30, 1:00…) – ნახევარსაათიანი ინტერვალები
- ყოველ საათში (12:00, 1:00, 2:00…) – მარტივი არჩევანი
რატომ ეს თემა:
ნაკლები ვარიანტი = უფრო სწრაფი არჩევანი. უკეთესი მომხმარებლის გამოცდილებისთვის, ინტერვალები თქვენს დაგეგმვის საჭიროებებს შეუსაბამეთ.
🎯 დროის დიაპაზონის შეზღუდვები
დააყენეთ ყველაზე ადრეული და უახლესი დრო
შეზღუდეთ ხელმისაწვდომი დრო სამუშაო საათების, ღონისძიებების გრაფიკის ან ოპერაციული ფანჯრების შესაბამისად. მომხმარებლებს არ შეუძლიათ თქვენს მიერ განსაზღვრული დიაპაზონის მიღმა დროის არჩევა.
ჭკვიანი ვალიდაცია
ბრაუზერის დონის ვალიდაცია ხელს უშლის არასწორი წარდგენების გაკეთებას მომხმარებლების მიერ „გაგზავნაზე“ დაწკაპუნებამდე.
გამოიყენეთ შემთხვევები:
- სამუშაო საათები: მხოლოდ 9:00 AM – 6:00 PM
- საღამოს ღონისძიებები: მხოლოდ 5:00 საათის შემდეგ
- დილის დრო: მხოლოდ 12:00 საათამდე
- ღამის ცვლა: 10:00 – 6:00
მაგალითები:
- რესტორნის დაჯავშნა: მინიმუმ 11:00 AM, მაქს 10:00 PM
- ფიტნეს გაკვეთილები: მინიმუმ 6:00 AM, მაქს 9:00 PM
- მხარდაჭერის საათები: მინიმუმ 8:00 AM, მაქს 5:00 PM
🔧 ნაგულისხმევი დროის პარამეტრები
სამი ჭკვიანური საწყისი ღირებულება:
1. ცარიელი (ნაგულისხმევი პარამეტრების გარეშე)
მომხმარებლები ცარიელი ველით იწყებენ - საუკეთესოა, როდესაც დრო ყოველთვის უნიკალურია.
2. მიმდინარე დრო
ფორმის ჩატვირთვისას ავტომატურად ივსება მიმდინარე დროით – იდეალურია „ინციდენტის დროის“ ან დროის ნიშნულის ველებისთვის.
3. მორგებული დრო
წინასწარ აირჩიეთ კონკრეტული დრო, მაგალითად, „9:00 AM“, შემოთავაზებული შეხვედრების დროის ან საერთო არჩევანისთვის.
როდის გამოვიყენოთ თითოეული:
- ცარიელი – ღონისძიების დაწყების დრო, პირადი გრაფიკები
- მიმდინარე – ანგარიშის დროის ნიშნულები, რეგისტრაციის დრო
- მორგებული – შეხვედრის შემოთავაზებული დრო, ნაგულისხმევი საათები
⚡ წამების სიზუსტე (არასავალდებულო)
საჭიროების შემთხვევაში, დაამატეთ წამები
ზუსტი დროის თვალყურის დევნებისთვის ჩართეთ წამების ველი (სთ:წთ:წმ). იდეალურია დროის საცდელებისთვის, წამზომებისთვის და ზუსტი დროის ნიშნულებისთვის.
ფორმატის მაგალითები:
- წამების გარეშე: 14:30 ან 2:30
- წამებით: 14:30:45 ან 2:30:45
იდეალურია:
- სპორტული დროისა და რბოლის შედეგების
- სამეცნიერო ექსპერიმენტები
- ზუსტი ჟურნალირების სისტემები
- დროის საცდელი პერიოდის წარდგენა
🔀 პირობითი ლოგიკა
დინამიური დროის ველები
დროის ველის ჩვენება ან დამალვა სხვა ფორმის მნიშვნელობების მიხედვით. შექმენით ინტელექტუალური ფორმები, რომლებიც ადაპტირდება მომხმარებლის შეყვანის მიხედვით.
გაფართოებული ლოგიკური წესები:
- და ლოგიკა - ყველა პირობა უნდა დაკმაყოფილდეს
- ან ლოგიკა - ნებისმიერ პირობას შეუძლია მოქმედების გამოწვევა
- 8 ოპერატორი – ტოლია, არ არის ტოლი, მეტია, ნაკლებია, შეიცავს, ცარიელია და სხვა
გამოიყენეთ შემთხვევები:
- „სასურველი ზარის დროის“ ჩვენება მხოლოდ მაშინ, როდესაც არჩეულია „დაკავშირება ტელეფონით“
- „ღონისძიების დაწყების დროის“ ჩვენება, როდესაც მოვლენის ტიპი უდრის „მორგებულ მოვლენას“
- დამალეთ „მიწოდების დრო“, როდესაც მიწოდების მეთოდია „სტანდარტული მიწოდება“.
- „შეხვედრის დროის“ ჩვენება, როდესაც შეხვედრის ტიპი უდრის „პირად შეხვედრას“
🎨 გაუმჯობესებული მომხმარებლის გამოცდილება
ნებისმიერი ადგილიდან დაწკაპუნებით გააქტიურება
დააწკაპუნეთ ველის ნებისმიერ ადგილას მშობლიური დროის ამომრჩევის გასახსნელად - უფრო დიდი სამიზნე არეალი, უკეთესი გამოყენებადობა.
მშობლიური დროის ამომრჩევები
იყენებს ბრაუზერის ჩაშენებულ დროის სელექტორს ნაცნობ, პლატფორმაზე ოპტიმიზებულ ინტერფეისებთან (iOS ბორბალი, Android საათი, სამუშაო მაგიდის ჩამოსაშლელი მენიუ).
მობილური ოპტიმიზირებულია
სენსორული ღილაკით დროის შერჩევა მშობლიური მობილური კლავიატურებითა და ამომრჩევებით.
დამატებითი თვისებები:
- სტილისთვის მორგებული CSS კლასები
- სისტემის დროისთვის დამალული ველის რეჟიმი
- ხელმისაწვდომობის მხარდაჭერა (ARIA ეტიკეტები)
- გასუფთავების ღილაკი მარტივი გადატვირთვისთვის
- სავალდებულო ველის ვალიდაცია
- ჩანაცვლების ველის ტექსტის მხარდაჭერა
მარტივი დაყენება 3 ნაბიჯში
მოამზადეთ თქვენი დროის ველი წუთებში
დროის ველის დამატება
ფორმაში გადაიტანეთ და ჩააგდეთ დროის ველი ძირითადი ველების განყოფილებიდან.
ფორმატისა და ინტერვალების კონფიგურაცია
აირჩიეთ 12-საათიანი ან 24-საათიანი ფორმატი, დააყენეთ დროის ინტერვალები (ყოველ 15 წუთში, 30 წუთში და ა.შ.) და სურვილისამებრ დაამატეთ მინიმალური/მაქსიმალური დროის შეზღუდვები.
ნაგულისხმევი დროის დაყენება
აირჩიეთ, ველი ცარიელი დაიწყება, მიმდინარე დროით თუ თქვენს მიერ მითითებული მორგებული დროით. ჩართეთ წამები, თუ ზუსტი დრო გჭირდებათ.
???? სულ ესაა! თქვენი დროის ველი მზადაა ჭკვიანი ფორმატირებითა და ვალიდაციით.
რეალური სამყაროს აპლიკაციები
მომსახურება და დაჯავშნა
* ავტომობილის მომსახურების დრო
* ქონების დათვალიერების გრაფიკები
* ტურის დაჯავშნის დრო
* ობიექტის დაჯავშნის სლოტები
გაკვეთილებისა და აქტივობების დაჯავშნა
* ფიტნეს გაკვეთილების დრო
* სავარჯიშო სესიების დაგეგმვა
* ჯგუფური აქტივობის დროის ინტერვალები
* გაკვეთილის დროის პარამეტრები
Ბიზნეს ოპერაციები
* ცვლის დაწყების/დასრულების დრო
* სამუშაო გრაფიკის წარდგენა
* შეხვედრის დროის კოორდინაცია
* ხელმისაწვდომობის დროის შერჩევა
შეხვედრის დაჯავშნა
* სამედიცინო ვიზიტის დაგეგმვა
* სალონებისა და სპა-ცენტრების დაჯავშნა
* კონსულტაციის დროის შერჩევა
* მომსახურების დანიშვნის მოთხოვნები
ღონისძიების რეგისტრაცია
* ღონისძიების დაწყების/დასრულების დრო
* სესიის დროის პარამეტრები
* სემინარის დროის ინტერვალები
* კონფერენციის გრაფიკის შერჩევა
მიტანა და აღება
* საკვების მიტანის დროის ფანჯრები
* მაღაზიიდან აღების დრო
* ტროტუარზე აყვანის დაგეგმვა
* მიწოდების დროის პარამეტრები
ველის შევსების პარამეტრები
ძირითადი კონფიგურაცია
- ველის იარლიყი – დროის ველის ზემოთ ნაჩვენები სათაური
- აღწერა/დახმარების ტექსტი – დამატებითი ინსტრუქცია მომხმარებლებისთვის
- სავალდებულო ველი – დროის არჩევა სავალდებულო გახადეთ
- ჩანაცვლების ტექსტი – მინიშნების ტექსტი, სანამ მომხმარებლები დროს აირჩევენ
დროის ფორმატის პარამეტრები
- ჩვენების ფორმატი
- 24-საათიანი გრაფიკი (14:30)
- 12-საათიანი გრაფიკი AM/PM (2:30)
სიზუსტე და ინტერვალები
- დროის ინტერვალები
- Ყოველ წუთს
- ყოველ 5 წუთში ერთხელ
- ყოველ 10 წუთში ერთხელ
- ყოველ 15 წუთში (ყველაზე პოპულარული)
- ყოველ 30 წუთში ერთხელ
- Ყოველ საათში
წამების ჩვენება – დაამატეთ წამების ველი ზუსტი დროისთვის (სთ:წთ:წმ)
დროის შეზღუდვები
- ყველაზე ადრე დაშვებული დრო (წთ) – მომხმარებლებს არ შეუძლიათ ამ დრომდე დროის არჩევა
- ბოლო დაშვებული დრო (მაქს.) – მომხმარებლებს არ შეუძლიათ ამის შემდეგ დროის არჩევა
ნაგულისხმევი მნიშვნელობები
- დაწყების დროის შერჩევა
- წინასწარ არჩეული დრო არ არის (ცარიელი)
- მიმდინარე დრო (დინამიური - იტვირთება ფორმის გახსნისას)
- მორგებული დრო (თქვენ მიერ დაყენებული კონკრეტული დრო)
მორგებული დაწყების დრო – აირჩიეთ წინასწარი შევსების კონკრეტული დრო (როდესაც არჩეულია „მორგებული“)
პირობითი ლოგიკა
- პირობითი ლოგიკის ჩართვა – ჩვენება/დამალვა პირობების მიხედვით
- ლოგიკის ტიპი
- ყველა პირობა უნდა დაკმაყოფილდეს (და)
- ნებისმიერი პირობის დაკმაყოფილება შესაძლებელია (ან)
- პირობების წესები
- ჩვენება/დამალვა – შესასრულებელი მოქმედება
- ველი - რომელი ველი უნდა შემოწმდეს
- ოპერატორი – ტოლია, არ არის ტოლი, შეიცავს, მეტია, ნაკლებია, ცარიელია, არ არის ცარიელი
- ღირებულება – შედარების ღირებულება
- მრავალი პირობა - დაამატეთ შეუზღუდავი წესები
დამატებითი პარამეტრები
- დამალული ველის რეჟიმი - გამოიყენეთ როგორც დამალული ველი წინასწარ დაყენებული მნიშვნელობით
- მორგებული CSS კლასები – გამოიყენეთ მორგებული სტილი
- ხელმისაწვდომობის ატრიბუტები – ARIA ეტიკეტები და აღწერილობები
რატომ უნდა ავირჩიოთ ჩვენი დროის ველი?
✅ ინტუიციური – მშობლიური ბრაუზერის ამომრჩევები ნაცნობ გამოცდილებას გთავაზობთ
✅ მოქნილი - 12-საათიანი ან 24-საათიანი ფორმატები შეესაბამება მომხმარებლის პრეფერენციებს
✅ ზუსტი - მორგებული ინტერვალები ყოველი წუთიდან ყოველ საათამდე
✅ ჭკვიანი – მინიმალურ/მაქსიმალურ შეზღუდვებს შეუძლია დროის არასწორი შერჩევა თავიდან აიცილოს
✅ დინამიური - პირობითი ლოგიკა ქმნის ადაპტაციურ ფორმებს
✅ მომხმარებლისთვის მოსახერხებელი - გააქტიურება ნებისმიერ ადგილას დაწკაპუნებით უკეთესი მომხმარებლის გამოცდილებისთვის
✅ მობილურ მოწყობილობებზე ოპტიმიზირებული – სენსორული სენსორული დროის ამომრჩევები
✅ სრულად ინტეგრირებული - შეუფერხებლად მუშაობს ფორმის ყველა ფუნქციასთან
ხშირად დასმული შეკითხვები
კითხვა: რა განსხვავებაა 12-საათიან და 24-საათიან ფორმატს შორის?
12-საათიანი ფორმატი აჩვენებს დროს AM/PM-თან ერთად, მაგალითად, 14:30 PM. 24-საათიანი ფორმატი იყენებს დროს, მაგალითად, 2:30 და ფართოდ არის გავრცელებული საერთაშორისო დონეზე.
კითხვა: როგორ მუშაობს დროის ინტერვალები?
ინტერვალები განსაზღვრავს, თუ რამდენად დეტალურია დროის არჩევანი. მაგალითად, 15-წუთიანი ინტერვალი აჩვენებს 9:00-ს, 9:15-ს, 9:30-ს და ა.შ.
კითხვა: შემიძლია თუ არა სამუშაო საათებით შემოვიფარგლო?
დიახ. დააყენეთ ყველაზე ადრეული და ყველაზე გვიანი დრო, მაგალითად, დილის 9:00 საათიდან საღამოს 5:00 საათამდე და მომხმარებლებს არჩევანი მხოლოდ ამ დიაპაზონში შეეძლებათ.
კითხვა: რას ნიშნავს „მიმდინარე დრო“ ნაგულისხმევად?
ჩართვის შემთხვევაში, ფორმის ჩატვირთვისას ველი ავტომატურად შეივსება მომხმარებლის მიმდინარე დროით.
კითხვა: წამების ველი მჭირდება?
როგორც წესი, არა. ჩართეთ მხოლოდ მაშინ, როდესაც ზუსტი დრო გჭირდებათ, მაგალითად, მოვლენების ან ტექნიკური მონაცემების HH:MM:SS ჩანაწერები.
კითხვა: როგორ მუშაობს დროის ამომრჩევი მობილურზე?
თითოეული მოწყობილობა იყენებს საკუთარ ინტერფეისს. iOS, როგორც წესი, იყენებს ბორბლისებრ სელექტორს, ხოლო Android - საათის სტილის ამომრჩევს.
კითხვა: შემიძლია პირობითი ლოგიკის გამოყენება დროის ველებთან?
დიახ. შეგიძლიათ ველების ჩვენება ან დამალვა არჩეული დროის მიხედვით, ისეთი პირობების გამოყენებით, როგორიცაა „ტოლია“, „მეტია“ ან „ნაკლებია“.
კითხვა: რა მოხდება, თუ მომხმარებლები არასწორი დროის არჩევას შეეცდებიან?
დაშვებული დიაპაზონის მიღმა დრო დაბლოკილია ბრაუზერის ვალიდაციით და მათი არჩევა შეუძლებელია.
კითხვა: შემიძლია წინასწარ შევავსო კონკრეტული დრო?
დიახ. ნაგულისხმევი დროისთვის აირჩიეთ „მორგებული“ და აირჩიეთ ნებისმიერი მნიშვნელობა, რომლის წინასწარ ჩატვირთვაც გსურთ.
კითხვა: დროის ველი ყველა ბრაუზერში მუშაობს?
ყველა თანამედროვე ბრაუზერი მხარს უჭერს HTML5 დროის შეყვანას ჩაშენებული ამომრჩევების გამოყენებით. ძველი ბრაუზერები კვლავ იყენებენ ტექსტის შეყვანას ვალიდაციით.
კითხვა: შემიძლია დროის ველის სტილი შევცვალო ჩემი საიტის შესაბამისად?
დიახ. ამომრჩევი იყენებს მშობლიურ ინტერფეისს, მაგრამ შეყვანის ველის სტილიზაცია შესაძლებელია CSS კლასებით.
კითხვა: რა ფორმატშია გამოყენებული წარდგენილი დრო?
დროის მნიშვნელობები ყოველთვის 24-საათიან ფორმატში იგზავნება, რაც უზრუნველყოფს დამუშავებისთვის მონაცემების თანმიმდევრულობას.
