জন্ম তারিখে প্রবেশের জন্য সেরা ইউআই কী? [বন্ধ]


110

জন্ম নির্বাচনের তারিখের জন্য সেরা পদ্ধতি কোনটি?

  • 3 পাঠ্য ইনপুট (মাস / দিন / বছর) বা একটি মাস্ক ইনপুট। ব্যবহারকারী কীবোর্ড ব্যবহার করা আবশ্যক
  • 3 নির্বাচন বাক্স। ব্যবহারকারী কীবোর্ড বা মাউস ব্যবহার করতে পারেন।
  • একটি দুর্দান্ত ডেটপিকার

আমি সর্বাধিক ব্যবহারযোগ্য এবং সমস্যা মুক্ত সমাধান কী তা জানতে চাই, তাই ব্যবহারকারীরা মোটেই বিভ্রান্ত হবেন না।


সেই jQuery তারিখ চয়নকারীটি ফায়ারফক্সে কাজ করছে বলে মনে হচ্ছে তবে আই 7 তে নয়।
রিচার্ড ইভ

1
হতে পারে তাদের সাইটে কোনও সমস্যা আছে। ডেটপিকার আইই 6/7/8, এফএফ, অপেরা এবং সাফারিতে দুর্দান্ত কাজ করে। সম্ভবত আরও :)
আইওনু স্টাইকু

11
month / day / yearসত্যিই অদ্ভুত
ট্রিগ

3
দুর্ভাগ্যক্রমে, আমাকে ছোট বাচ্চা হিসাবে স্কুলে মাস / দিন / বছর পড়ানো হয়েছিল। এটি বৈজ্ঞানিকভাবে কোনও ধারণা রাখে না।
ডানকান কালভার্ট

1
আইএসও 8601 জয়ের জন্য! year / month / day
কিউকিউই

উত্তর:


28

উন্নত ব্যবহারকারীর জন্য পাঠ্য ইনপুট সবচেয়ে ভাল, যদি ব্যবহারকারী তারিখের ফর্ম্যাটটি জানেন তবে এটি খুব দ্রুত। এত উন্নত ব্যবহারকারীর জন্য আমি ডেটপিকার ব্যবহার করার পরামর্শ দিচ্ছি। যেহেতু সাধারণত আপনারও উন্নত এবং অ-উন্নত ব্যবহারকারী থাকে আমি পাঠ্য ইনপুট এবং ডেটপিকারের সংমিশ্রণের পরামর্শ দিই।


116
বেশিরভাগ ডেটপিকারগুলির সমস্যা হ'ল 30/40 / বা আরও বেশি বছর পিছনে যাওয়া বেদনাপূর্ণ।
UnkwnTech

3
যদিও এখন আমি যে প্রস্তাব দিয়েছিলাম তার দিকে নজর দিলে আমি অনুমান করি এটি খারাপ না।
UnkwnTech

21
অংকডনটেক দ্বারা উল্লিখিত বেশ কয়েক বছর পিছিয়ে যাওয়ার প্রয়োজনের কারণে ডিওবিতে প্রবেশের সময় ডেট পিকারটি আসলে একটি ভয়ানক ব্যবহারকারীর অভিজ্ঞতা। এছাড়াও, একটি তারিখের সময় বাছাইকারী মাস এবং সপ্তাহের কাঠামোর সাথে সম্পর্কিত কোনও নির্দিষ্ট তারিখের অবস্থানের মান রাখে, যা কোনও ডিওবি বাছাইয়ের সময় প্রয়োজন হয় না।
অ্যালেক্স জার্তো

6
jQuery এর ডেটপিকারের কাছে মাস এবং বছরের জন্য ড্রপডাউন মেনুগুলির বিকল্প প্রদর্শন করার জন্য একটি বিকল্প রয়েছে , জন্ম তারিখটি আরও দ্রুত নির্বাচন করা।
কার্ল জি

1
আইওএস ডিভাইসগুলিতে সংখ্যাসূচক কীবোর্ডকে জোর করার জন্য এইচটিএমএল 5 রেজেক্স সহ একটি মুখোশযুক্ত পাঠ্য ইনপুটটির
অ্যালেক্স জার্তো

161

আপনার লক্ষ্যটি যদি নিশ্চিত হয় যে "ব্যবহারকারী মোটেই বিভ্রান্ত হবেন না," আমি মনে করি এটি সেরা বিকল্প option

মাস, দিন, বছরের জন্য তিনটি ড্রপডাউন

আমি জন্ম তারিখের জন্য ডেটপিকারের প্রস্তাব দেব না । প্রথমে আপনাকে বছরে ব্রাউজ করতে হবে (ক্লিক করুন, ক্লিক করুন, ক্লিক করুন ...), তারপরে মাসে (আরও কিছু ক্লিক করুন), এবং তারপরে একটি গ্রিডের ক্ষুদ্র নম্বরটি খুঁজে পেতে এবং ক্লিক করতে হবে।

আপনি যখন আপনার মাথার শীর্ষের সঠিক তারিখটি জানেন না তখন ডেটপিকারগুলি কার্যকর হয়, যেমন আপনি ফেব্রুয়ারির দ্বিতীয় সপ্তাহের জন্য ট্রিপ করার পরিকল্পনা করছেন।


6
আপভোটেড: আমি ঠিক যে উত্তরটি দিতে যাচ্ছিলাম এটি এটি। ডেটপিকারটি 'আমি জানি এটি শুক্রবার' ধরণের পরিস্থিতিগুলির জন্য ভাল তবে জন্মের তারিখের জন্য এটি কোনও মূল্য দেয় না।
পাতলা

14
ডাউনভোটেড: ড্রপ-ডাউনগুলি ব্যবহারকারীদের জন্য বিশেষত এই জাতীয় ডেটার জন্য খুব বিরক্তিকর। নিলসান
মরিসিও

5
@ মাসাচ এ কারণেই আমি আমার উত্তরটির প্রবন্ধটি দিয়েছিলাম "যদি আপনার লক্ষ্যটি নিশ্চিত করা হয় যে 'ব্যবহারকারী কোনওভাবেই বিভ্রান্ত হবেন না" "এফটিএ:" ড্রপ-ডাউন মেনুগুলির তাদের সুবিধা রয়েছে ... কারণ তারা একটি স্ট্যান্ডার্ড উইজেট ( এমনকি অপ্রীতিকর হলেও), ব্যবহারকারীরা যখন ড্রপ-ডাউন মেনুটির মুখোমুখি হন তখন কীভাবে ডিল করতে হয় তা জানেন know "
প্যাট্রিক ম্যাকএলহানি

1
@ পেট্রিক, আপনি ঠিক বলেছেন, ড্রপডাউনগুলি খুব স্ট্যান্ডার্ড, তবে একটি সাধারণ পাঠ্যবাক্সটি আরও প্রাকৃতিক আইএমএইচও, এটি কোনও কাগজের ফর্মের মতো দেখতে খুব কাছাকাছি থাকায়। আমার বক্তব্যটি হ'ল লোকেরা "10/9/1975" সমস্ত পুনরাবৃত্তি থেকে তাদের মস্তিষ্কে গভীরভাবে কঠোর হয়ে পড়েছে, সুতরাং তাদের ঠিক এটি লিখুক।
মৌরিসিও শেফার

24
তো, আপনার জন্ম 9 অক্টোবর বা 10 সেপ্টেম্বর হয়েছিল? আমি কীভাবে একটি সাধারণ পাঠ্য বাক্সের সাহায্যে সেই অস্পষ্টতাটি সমাধান করব।
প্যাট্রিক ম্যাকএলহানি

140

যদিও এটি একটি অতি পুরনো প্রশ্ন, জন্ম তারিখের ইনপুট সঠিক হওয়া, বিশেষত একটি নিবন্ধীকরণের ফর্মের ক্ষেত্রে এটি গুরুত্বপূর্ণ।

আমি মনে করি গুগল অ্যাকাউন্ট সাইন আপের চেয়ে ভাল এই কাজটি আর কেউ করেনি:

গুগল অ্যাকাউন্ট সাইনআপ

একটি নির্বাচিত বাক্স থেকে প্রথম মাসটি নির্বাচন করুন এবং নিজেই তারিখ এবং বছর টাইপ করুন। সহজ।

যাচাই করা সহজ। ব্যবহারকারীদের সঠিক হওয়া সহজ Easy 1900-বর্তমান বছর থেকে একটি নির্বাচিত বাক্সে বছরগুলি পিছনে পিছনে স্ক্রোলিং নয়। মাসের ইনপুটের উপর ভিত্তি করে কোনও 'দিন' নির্বাচন বক্স আপডেট করার দরকার নেই। ওয়েবে দুর্দান্ত কাজ করে। মোবাইলে দুর্দান্ত কাজ করে। সমস্ত লোকেলের জন্য কাজ করে যেমন 01/10/2014 - এটি 1 ই অক্টোবর বা 10 জানুয়ারী? আমি আশা করি ভবিষ্যতে আমরা এই জন্মদিনের চয়নকারী ফর্ম্যাটটি দেখতে পাব।

একটি ডেটপিকারটি সর্বত্র কেবলমাত্র একটি দুর্বল সমাধান। এত ক্লিক! আমার মতে, ডেটপিকারটি কেবল তখনই কার্যকর যখন সপ্তাহের দিনটি জেনে রাখা গুরুত্বপূর্ণ যেমন টিকিট বুক করা।

আপডেট 2/6/2016: আমি ইউকে থেকে এসেছি, তাই আমি মাস / দিন / বছরের চেয়ে দিনের / মাস / বছরের ফর্ম্যাটগুলির সাথে আরও বেশি পরিচিত। যাইহোক, ব্যবহারকারীরা যারা মাসটি নির্বাচন করতে তাদের কার্সার ব্যবহার করবেন, আমি বিশ্বাস করি ইনপুট> নির্বাচন বাক্স> ইনপুট না গিয়ে প্রথমে নির্বাচিত বাক্সটি রাখা আরও সহজ। মন্তব্যের তারিখ ২২ শে জুন, 6th ফেব্রুয়ারি নয়;)


9
কেন এটি শীর্ষ উত্তর নয়!
স্নোম্যান

3
আমি এটি যুক্ত করতে একটি বিষয় বলব তা হ'ল ব্যবহারকারীকে মাসের সংখ্যাসূচক মানটি টাইপ করতে কোনও মান নির্বাচন করতে দেয়, যখন সেই ড্রপডাউনটি নির্বাচন করা হয়। বেশিরভাগ ব্যবহারকারীরা এক মাস ধরে টাইপিংয়ের জন্য এটি ব্যবহার করেন, তাই কিবোর্ড ব্যবহারকারীদের জন্য "কেবলমাত্র" কাজ করবে।
এলেজার

2
প্রকৃতপক্ষে, আমি যত বেশি চিন্তা করি, মাসটিকে একেবারে ড্রপডাউনে পরিণত করার পক্ষে আসলেই আমি কোনও লাভ দেখছি না। কেন এটি কেবল একটি পাঠ্য ক্ষেত্র হিসাবে তৈরি করবেন না?
এলেজার

4
বেশিরভাগ ক্ষেত্রে, মাস এবং দিনকে বিভ্রান্ত করা এড়াতে।
ম্যাকিয়েজ গুরবান

2
যদিও আমেরিকার বাইরে আমাদের মধ্যে সাধারণত মাসের আগের দিন থাকে।
jezmck

25

যেমন উল্লেখ করা হয়েছে এই জাকোব নিলসন নিবন্ধে , ব্যবহারকারীর কাছে সুপরিচিত ডেটাগুলির জন্য ড্রপ ডাউন তালিকাগুলি এড়ানো উচিত :

ব্যবহারকারীদের কাছে ডেটা মেনু যেমন তাদের জন্মের মাস এবং বছর well এই জাতীয় তথ্যগুলি প্রায়শই ব্যবহারকারীদের আঙ্গুলগুলিতে কঠোর হয় এবং মেনু থেকে এই জাতীয় বিকল্পগুলি নির্বাচন করা তথ্য প্রবেশের মানক দৃষ্টান্তটিকে ভেঙে দেয় এবং এমনকি ব্যবহারকারীদের জন্য আরও কাজ তৈরি করতে পারে।

আদর্শ সমাধান সম্ভবত নীচের মতো কিছু :

  • দিন, মাস এবং বছরের জন্য 3 টি পৃথক পাঠ্য বাক্স সরবরাহ করুন (যথাযথ লেবেলযুক্ত)
  • ব্যবহারকারীর সংস্কৃতি অনুসারে পাঠ্য বাক্সগুলি বাছাই করুন।
  • দিন এবং মাসের পাঠ্য বাক্সগুলি আকার দিতে হবে যাতে 2 ডিজিটের ইনপুট ধরে নেওয়া যায়।
  • বছরের পাঠ্য বাক্সটি আকার দিতে হবে যাতে 4 ডিজিটের বছর ধরে নেওয়া যায়।
  • ব্যবহারকারীকে 2 বা 4 ডিজিটের বছরে প্রবেশের অনুমতি দিন। ধরুন 2 ডিজিটের বছর 1900, এবং এই অনুল্লুর প্রতিফলিত করতে পাঠ্যবক্সটি আপডেট করুন (বা নিম্নলিখিত কোনও নিশ্চিতকরণের পদক্ষেপে)।
  • ব্যবহারকারীকে একটি মাসের নম্বর বা মাসের নাম প্রবেশ করার অনুমতি দিন।

সম্পাদনা করুন: আমরা কীভাবে আমাদের ডিওবি বাছাইকারীকে বাস্তবায়িত করেছি: আইওএস ডিভাইসগুলিতে সংখ্যাসূচক কীবোর্ডকে জোর করার জন্য এইচটিএমএল 5 রেগেক্সের সাহায্যে মুখোশযুক্ত পাঠ্য ইনপুট ক্ষেত্র।

http://www.huntercourse.com/usa/texas/


আমি আপনার ডিওবি বাছাইকারীকে কেবলমাত্র যা পরিবর্তন করতে চাই তা হ'ল "এমএম" "ডিডি" "ওয়াইওয়াইওয়াই" ইঙ্গিতের পরিবর্তে স্থানধারক পাঠ্য হিসাবে রাখা।
পল পেটেনগিল

@ পল স্থানধারক পাঠ্য ব্যবহারের ব্যবহারের চ্যালেঞ্জ রয়েছে। যদিও আমরা প্রাথমিকভাবে করেনি : এটা আছে, আমরা পড়া পরে এটি অপসারণ করার সিদ্ধান্ত নেন nngroup.com/articles/form-design-placeholders
অ্যালেক্স Czarto

পছন্দ করুন (তবে ঠিক তাই আপনি জানেন, আপনি যদি 02/31/1970 এর মতো কিছু প্রবেশ করেন তবে এটি আপনাকে ভুল ত্রুটির বার্তা দেবে)
থিয়াগো ডুয়ার্তে

যদি 5 জুন 2001-তে জন্ম হয় তবে আমি আমার ডিওবিটি "050601" টাইপ করতাম, যা আপনার পরামর্শটি 6th মে মে 1901 হিসাবে ব্যাখ্যা করবে you আপনার যদি পাঠ্য বাক্স থাকে, আপনি এমএমডিডি তারিখের আদেশটি সন্ধান করতে এবং ব্যবহারকারীদের উপর নির্ভর করতে পারেন তথ্য যথাযথভাবে, আপনি যদি মাসের জন্য একটি ড্রপডাউন সরবরাহ করেন তবে ব্যবহারকারীকে মাসের অর্ডার প্লেসমেন্টটি লক্ষ্য করতে বাধ্য করা হবে।
থেলেম

আপনি যদি মাসের পাঠ্য বাক্সটি 2 ডিজিটের আকারের করেন, আপনি কীভাবে ব্যবহারকারীকে কোনও মাসের নম্বর বা মাসের নাম প্রবেশ করার অনুমতি দিবেন?
জিন ওয়াং 15

11

জন্ম তারিখগুলি অন্যান্য তারিখের চেয়ে আলাদা কারণ লোকেরা তাদের নির্দিষ্ট জন্ম তারিখটি প্রায়শই টাইপ করতে অভ্যস্ত।
একটি একটি উদাহরণ দিয়ে টেক্সট বক্সে , পরিষ্কার দ্রুত এবং প্রবেশ করার সহজ:

 _______
|_______| (example: 31/3/1970)

এটি নমনীয় ফর্ম্যাটিং যেমন 1/1/1970 বা 20/07/70 সমর্থন করে।

যদি আপনাকে বিভিন্ন তারিখের কনভেনশন (যেমন মার্কিন যুক্তরাষ্ট্র এবং যুক্তরাজ্য) সহ বিভিন্ন সংস্কৃতি সমর্থন করতে হয় তবে উদাহরণ হিসাবে মনোযোগ না দেয় এমন লোকদের জন্য এটি ত্রুটি-প্রবণ হতে পারে। এড়াতে আপনি
মাসের জন্য একটি নির্বাচিত তালিকা এবং তারিখ এবং বছরের জন্য পাঠ্য বাক্সগুলি ব্যবহার করতে পারেন ।

 _________   __   ____
|March  |V| |__| |____|

এটি দিন এবং মাসের ক্রমগুলির মধ্যে অস্পষ্টতা সরিয়ে দেয় তবে এটি ব্যবহার করার জন্য একটু ক্লানকিয়ার।


5

আপনার ডেটজগুলি একবার দেখে নেওয়া উচিত ।

ডেটেজগুলি একটি মুক্ত-উত্স জাভাস্ক্রিপ্ট তারিখের পাঠাগার।

বিস্তৃত, তবুও সহজ, চৌকস এবং দ্রুত। ডেটেজগুলি সমস্ত ট্রায়াল পেরিয়ে গেছে এবং ধর্মঘট করতে প্রস্তুত। ডেটজেস কেবল স্ট্রিংকে বিশ্লেষণ করে না, এটি এগুলিকে দুটি করে পরিষ্কার করে কাটছে।


6
প্লাগ-ইন দেখায় মহান, কিন্তু 25KB একটি সহজ সমস্যার জন্য অনেক একটি বিট মনে হয় ...
ক্রিস্ট্মাস আব্রাহাম

নোয়েলের সাথে দ্বিমত পোষণ করুন। তারিখগুলি হ'ল জটিল জিনিস যা সাধারণত প্রোগ্রামাররা সাধারণত সঞ্চালন করে, বিশেষত সময় অঞ্চল এবং সংস্কৃতি জুড়ে (যা ডেটজগুলি জন্য নকশা করা হয়েছে)।
রুস্তাভোর

1
@ গিত্নিঞ্জা - এটি কিছুটা স্ট্রোম্যান। তিনি বলেন নি যে এটি একটি তারিখের জন্য খুব বেশি (যা অত্যন্ত জটিল) তবে একটি "সাধারণ সমস্যা" এর জন্য আমি "জন্ম তারিখ" সমস্যাটি ধরে নিয়েছি। যেহেতু প্রচুর পরিমাণে জাভাস্ক্রিপ্ট লাইব্রেরি এবং পদ্ধতি রয়েছে যেগুলি 25KB ছাড়াই সমাধান অর্জন করতে পারে, তাই আমি সম্মত হব।
কেরি জোন্স

যদি আমার ফর্মটিতে 25 কেবি যুক্ত করার অর্থ হল যে আমাকে ড্রপডাউন মেনুগুলি ব্যবহার করতে হবে না তবে তা হয়ে যায়
লাডিয়ু

4

আমি ডিজাইনিংয়ের পরিবর্তে সমাধানের প্রবণতা দেখে সমস্যায় পড়েছি। ওপি বলেছিল, "আমি জানতে চাই যে সবচেয়ে ব্যবহারযোগ্য এবং সমস্যা সমাধান সমাধান কী, তাই ব্যবহারকারীরা মোটেই বিভ্রান্ত হবেন না।" সুতরাং এটি jQuery বা জাভাস্ক্রিপ্ট বা সি # বা ফোরট্রান, নকশাটি গুরুত্বপূর্ণ - এবং এটি ইউএক্স ডিজাইন, এখানে গুরুত্বপূর্ণ ইউআই নকশা নয়। (ভুল এবং অযৌক্তিক নির্মাণ "ইউএক্স / ইউআই" এড়ানোর জন্য আরেকটি আবেদন)।

পাঠ্য ইনপুট ব্যবহার করুন। দিন, মাস এবং বছর (বা মাস, দিন এবং বছর) লেবেলযুক্ত তিনটি পৃথক বাক্স ব্যবহার করুন। ব্যবহারকারীদের তারিখগুলি টাইপ করুন। একই মিথস্ক্রিয়ায় পাঠ্য এবং তালিকাগুলি মিশ্রণ একটি খারাপ জিনিস (উদাহরণস্বরূপ, বছরের জন্য তারিখ চয়নকারী বা মাস এবং দিনের জন্য তালিকাগুলি ব্যবহার করবেন না)।

একক পাঠ্য ক্ষেত্র ব্যবহার করুন যা ইন-ফিল্ড ফর্ম্যাট ইঙ্গিতগুলি ব্যবহার করে, উদাহরণস্বরূপ, [দিন / মাস / বছর] খুব দৃ rig়রূপে ফর্ম্যাটগুলির প্রয়োজন হবে না। আপনি যদি এক মাসের প্রত্যাশা করেন এমন জায়গায় যদি কোনও ব্যবহারকারী JUN টাইপ করেন, তবে জুনের শেষ প্রান্তে ব্যবহার করুন। যদি কোনও ব্যবহারকারী আপনি যেখানে এক মাসের প্রত্যাশা করেন সেই জায়গায় 6 টাইপ করে থাকে তবে তারপরের প্রান্তে জুন ব্যবহার করুন। যদি কোনও ব্যবহারকারী আপনার কাছে যেখানে এক মাসের প্রত্যাশা থাকে সেই জায়গায় 06 টাইপ করেন, তবে জুনের শেষ প্রান্তে ব্যবহার করুন।

গাইড হিসাবে ওকামের রেজার ব্যবহার করুন (কার্যত, বেশিরভাগ সময় ডেটা যথেষ্ট পরিমাণে সঠিক হবে)। জ্ঞানীয় ঘর্ষণ হ্রাস করুন (ব্যবহারকারীদের ভাবেন না)।


তিনটি পৃথক পাঠ্য বাক্স ব্যবহার করা মানে একটি মোবাইলের মধ্যে আমি সংখ্যার কীপ্যাডটি দেখানোর জন্য প্রত্যেকটিতে ক্লিক করতে হয়। আপনার বাকি ধারণাটি ভাল - এটি সমস্ত পাঠ্য বাক্সে হওয়া উচিত।
পিকেহান্টার

3

আমি ডেটপিকার এবং ক্ষেত্রগুলির সংমিশ্রণের সুপারিশ করব would

এই ডেমোটি দেখুন , যেখানে তারিখ চয়নকারী ব্যবহারকারীর দ্বারা ক্ষেত্রগুলিতে প্রবেশের তারিখকে প্রতিফলিত করে।
এটি প্রোটোটাইপ এবং স্ক্রিপ্টাকুলাস যদিও ডেটপিকারের ভিত্তিতে তৈরি । আমি উদাহরণের উদ্দেশ্যে এটি উল্লেখ।


3

আমি আমার ব্যবহারকারীর সাথে ডেটপিকার চেষ্টা করেছিলাম তবে এটি তাদের কাছে খারাপ ইউআই হিসাবে পরিণত হয়েছে। আমি তাদের অনুরোধের ভিত্তিতে যা শেষ করি তা হ'ল 3 টি পাঠ্যবক্স যেখানে তারা দ্রুত [দিন] [মাস] [বছর] টাইপ করতে পারে :(


2

উভয় রাখুন এবং প্রতিটি আপডেট অন্য করুন। ব্যবহারকারী যদি তারিখ চয়নকারী থেকে তারিখটি চয়ন করে থাকেন তবে পাঠ্য ক্ষেত্রে একটি ছোটখাটো মিসক্লিক সংশোধন করা বা ডেটপিকারে আপনি পাঠ্য ক্ষেত্রে টাইপ করা পছন্দগুলি পছন্দ করা সহজ।


আমি দুটোই রাখতে পারি না, ডিজাইনে মাপসই করব না :) আমার মধ্যে এর একটি মাত্র দরকার।
Ionuț Staicu

যেহেতু ডেটপিকারকে জাভাস্ক্রিপ্টের প্রয়োজন হয়, প্রয়োজন হলে কেবল এটি দেখানোর জন্য জাভাস্ক্রিপ্ট ব্যবহার করুন। অবস্থানটি নিখুঁততে সেট করুন যাতে এটি অন্যান্য সমস্ত উপাদানের উপরে ভেসে উঠবে।
কিছু

সাধারণত আপনি কেবল পাঠ্য ক্ষেত্রটি রেখেছেন এবং তার পাশের আইকনটি সংযুক্ত করেন যা ডেটপিকারটি পপ করে।
টুমিনয়েড

2

কেন আপনি তিনটিই পরীক্ষা করেন না এবং যেটি সবচেয়ে ভাল সম্পাদন করে সেটিকে বেছে নেন না? এটি গুগল ওয়েবসাইট অপ্টিমাইজারের জন্য ভাল প্রার্থীর মতো বলে মনে হচ্ছে পরীক্ষার ।

এটি হতে পারে যে আপনার ব্যবহারকারীর ধরণ বা আপনি যে ধরণের সাইট চালাচ্ছেন তা নির্দেশ করতে পারে যে আপনার সমাধান "আদর্শ" থেকে আলাদা হওয়া উচিত।


1

আমি সাধারণত উভয়ই ব্যবহার করি - একটি ডেটপিকার যা সঠিক বিন্যাসে একটি পাঠ্যক্ষেত্রকে জনপ্রিয় করে তোলে। উন্নত ব্যবহারকারীরা সরাসরি পাঠ্যক্ষেত্র সম্পাদনা করতে পারে, মাউস-খুশি ব্যবহারকারীরা ডেটপিকারটি ব্যবহার করে চয়ন করতে পারেন।

আপনি যদি স্থান সম্পর্কে উদ্বিগ্ন হন তবে আমার কাছে ঠিক ঠিক পাশের একটি ছোট ক্যালেন্ডার আইকন সহ টেক্সটফিল্ড থাকে। আপনি যদি ক্যালেন্ডার আইকনে ক্লিক করেন তবে এটি পপআপ হিসাবে ডেটপিকারটি নিয়ে আসে।

এছাড়াও আমি টেক্সটফিল্ডটি পাঠ্য সহ পূর্ব-পপুলেশন করা ভাল অনুশীলন বলে মনে করি যা সঠিক ফর্ম্যাটটি নির্দেশ করে (যেমন: "ডিডি / এমএম / ওয়াইওয়াইওয়াই")। যখন ব্যবহারকারী পাঠ্যক্ষেত্রকে কেন্দ্র করে তখন সেই পাঠ্যটি অদৃশ্য হয়ে যায় যাতে তারা তাদের নিজস্ব প্রবেশ করতে পারে।


1

সম্ভবত এখানে বয়স্কদের মধ্যে একজন এবং মাসের শেষের দিকে জন্মগ্রহণ করে, জন্মের তারিখগুলি হতাশার জন্য ড্রপ-ডাউন মেনুগুলি খুঁজে পাই। আমাকে সাধারণত দুটি ড্রপ-ডাউন মেনুতে ডাউন স্ক্রোল করতে হয় এবং এটি বিশ্রী। আমি বরং এটি টাইপ করব।

আপনার যদি এমন কোনও কন্ট্রোল ডিজাইন করা থাকে যাতে এটি ড্রপ-ডাউন মেনুগুলি গ্রহণ করতে পারে বা টাইপ করা যায় এবং এটি উভয় কাজকেই পরিষ্কার করে দেয়, এটি দুর্দান্ত।


এটি আসলেই কোনও সমস্যা নয় কারণ বেশিরভাগ ব্রাউজারগুলি যখন ড্রপডাউন উইজেটকে কেন্দ্র করে তখন সঠিক
মানটিতে

@ থিপার: তবে তারা এ জাতীয় দেখাচ্ছে না। জন নরম্যান ("প্রতিদিনের জিনিসগুলির ডিজাইনের নকশা") টাইপিংয়ের জন্য একটি সামর্থ্য বলেছিলেন।
ডেভিড থর্নলে

1

ডেটপিকার ব্যবহার করবেন কিনা তা আমার মনে হয় তারিখগুলি কত দিন আগে তার উপর নির্ভর করে। যদি এগুলি সাধারণত চলতি মাসে হয় এবং কয়েক মাসের বেশি পুরানো না হয় এবং আপনি জানেন যে জাভাস্ক্রিপ্টটি প্রায় থাকবে, একটি ডেটপিকার ভাল। তারিখগুলি সাম্প্রতিক না হলে (বলুন, একটি জন্ম তারিখ) আমি মনে করি এটি সেরা বিকল্প:

http://img411.imageshack.us/img411/6328/mockupg.png

নোট করুন যে এটি প্যাট্রিক ম্যাকএলহানির জবাব থেকে আলাদা যে বছরটি একটি পাঠ্য বাক্স, কোনও ড্রপডাউন নয় । শত শত উপাদান দীর্ঘ, এমন একটি ড্রপ ডাউন বক্স থেকে একটি সংখ্যা নির্বাচন করা ব্যবহারকারীর জন্য অত্যন্ত বিরক্তিকর।


1
দিনটি একটি ড্রপ ডাউন বাক্স হওয়ার দরকার নেই। 1 - 31 এর মধ্যে একটি সংখ্যা প্রবেশ করা এবং যাচাই করা তুচ্ছ।
অ্যালেক্স জার্তো

1

আমি মনে করি যে কোনও তারিখ বাছাইকারী কারও জন্মের তারিখে প্রবেশের জন্য পদক্ষেপটিকে আরও জটিল করে তোলে।

ইতিমধ্যে উল্লিখিত হিসাবে, বছরের জন্য একটি পাঠ্য বাক্সের সাথে দিন এবং মাসের জন্য ড্রপ তালিকার সংমিশ্রণ একজন ব্যবহারকারীর পক্ষে সবচেয়ে দক্ষ বলে মনে হচ্ছে। এইভাবে জন্মের তারিখটি প্রবেশ করতে 10 সেকেন্ডেরও কম সময় লাগে, যা তারিখ বাছাইকারীর চেয়ে অনেক দ্রুত: ট্যাব কী (যা ব্যবহারকারীদের একটি ফর্ম পূরণ করতে ব্যবহার করা শিখতে হবে) ধন্যবাদ, এটি একটি ফর্ম থেকে দ্রুত গতিতে যেতে পারে পরবর্তী এক উপাদান।

কমপক্ষে ম্যাকিনটোসের অধীনে (আমি উইন্ডোজ সম্পর্কে জানি না), আপনি নির্বাচিত বাক্সগুলির ভিতরে তারিখ অ্যাক্সেস করতে কীবোর্ডটিও ব্যবহার করতে পারেন: ট্যাব কীকে ধন্যবাদ, আপনি ফর্ম উপাদানটিতে ফোকাস পেয়েছেন, তারপরে নীচে নেওয়ার জন্য তীরচিহ্নটি টিপুন তালিকাটি লিখুন, উদাহরণস্বরূপ 1967 লিখুন এবং আপনি সেখানে চোখের পলক পেয়ে যান…


0

আমি কোনও আন্তর্জাতিক সাইটের জন্য একটি ডেটপিকার (এবং একটি ফল-ব্যাক হিসাবে নথিযুক্ত ফর্ম্যাট সহ একটি ইনপুট বাক্স) পছন্দ করব।

তারিখের ফর্ম্যাটগুলি পরিবর্তিত হয় এবং আপনি যদি এখন সেগুলি ব্যবহার করেন তবে তা পড়া কখনও কখনও শক্ত। খুব খারাপ লোকেরা আইএসও 8601- এ আরামদায়ক নয়:


0

আমি প্রতিটি ক্ষেত্রের জন্য একটি ড্রপ ডাউন মেনু ব্যবহার করার পরামর্শ দেব, প্রতিটি দিন, মাস এবং বছর হিসাবে লেবেল নিশ্চিত করে। একটি তারিখ চয়নকারীও সহায়তা করতে পারে তবে ব্যবহারকারী জাভাস্ক্রিপ্ট সক্ষম না করে থাকলে এটি কাজ করবে না।


কারণ জাভাস্ক্রিপ্টে পূর্ণ একটি সাইট, জেএস ব্যতীত আর কোনও কাজ করার সুযোগ নেই। সুতরাং এই ধরণের উদ্বেগ এখন বেহুদা :)
Ionuț Staicu

যদি কোনও দৃষ্টি প্রতিবন্ধী ব্যবহারকারী আপনার ওয়েবসাইটটি ব্যবহার করতে চায়?
ফিলিপ মর্টন

1
আপনি যদি মাস এবং চার-অঙ্কের বছরের নাম ব্যবহার করেন তবে এটি স্ব-লেবেলিং হবে, কারণ মানগুলির সেটগুলির মধ্যে কোনও ওভারল্যাপ থাকবে না।
ডেভ শেরোহমান

1
ডাউনভোটেড: ড্রপ-ডাউনগুলি ব্যবহারকারীদের জন্য বিশেষত এই জাতীয় ডেটার জন্য খুব বিরক্তিকর। নীলসান : useit.com/alertbox/20001112.html দেখুন
মরিসিও শিফার

0

আমি একটি ডেটপিকার গ্রহণ করব। এটি একমাত্র উপাদান যা বিশেষজ্ঞ ব্যবহারকারীদের ম্যানুয়ালি এটি প্রবেশ করতে দেয় এবং নবাগতদের খুব সহজেই কোনও তারিখে প্রবেশের জন্য গাইড করে।

আপনি যদি টিপ টিপে টিপে প্রবেশ করে তবে ক্যালেন্ডারে পপ আপ হওয়া উচিত নয় a সুতরাং কোনও বিশেষজ্ঞ ব্যবহারকারী এতে বিরক্ত হন না।


0

আপনি jQuery UI তারিখপিকার ব্যবহার করেন না?

এটি প্রায় কোনও প্রয়োজন অনুসারে কনফিগারযোগ্য। কেবলমাত্র খারাপ দিকটি যদি আপনি এটি jQuery UI সহ অন্তর্ভুক্ত করেন তবে এটির কিছুটা বড় পদচিহ্ন রয়েছে ..

হালনাগাদ

কিছু ফাইলের আকার পরিবর্তিত হয়েছে বলে মনে হয়, তাই সেগুলি নীচে আপডেট করা হয়েছে। মনে রাখবেন এই সংখ্যাগুলি কেবলমাত্র শেষ সময় আপডেট হয়েছিল সে সময়ের জন্য সঠিক হবে। তখন থেকে বিষয়গুলি পরিবর্তিত হতে পারে।

  • সিএসএস থিম - 23 কেবি
  • jQuery UI - 71 কিলোবাইট মিনিট করা হয়েছে
  • ডেটপিকার - 38 কেবি
  • আরও বেশ কয়েকটি চিত্র (পরের মাসে / পূর্ববর্তী মাসে, যা আমি নিশ্চিত যে ছিটকে গেছে)

তবে এটি খুব খারাপ নয় ...


চিন্তা করবেন না, আপনি বেশ কিছুটা CSS কেটে ফেলতে পারেন। আমি কেবল সর্বোত্তম পদ্ধতিটি কী তা জানতে চেয়েছিলাম;)
আয়নু স্টাইকু

68 কে .... এটি ভুল, যেমন 28 কে সিএসএস থিম ...
redsquare

আমি পোস্ট করার পর থেকে @ রেডস্কয়ারের জিনিসগুলি সম্ভবত পরিবর্তিত হয়েছে। আমার উত্তর সম্পাদনা করতে নির্দ্বিধায়। আমাকেও জানানোর জন্য ধন্যবাদ।
অ্যালেক্স

ডেটপিকারের জন্য কেবলমাত্র মোট কাস্টম ইউআই জেএস 38 কিলোমিটার করা হয়েছে, জিজিপ সহ এটি তখন যথেষ্ট ছোট
রেডস্কয়ার

আমি জন্ম তারিখের জন্য jQuery ডেটপিকারকে এড়াতে অত্যন্ত পরামর্শ দিচ্ছি। আমি এটি ব্যবহার করার চেষ্টা করেছি, গ্রাহকদের কাছ থেকে আমাদের অনেক অভিযোগ ছিল। প্রথম কয়েক বছরের বেশি পিছিয়ে যাওয়া খুব কঠিন ছিল was (30 বছরের জন্য ডিফল্ট সেটিংস সহ 360 টি ক্লিক প্রয়োজন)। আপনি যদি বছরের বাছাইটি যোগ করেন তবে প্রচুর ব্যবহারকারী কেবল প্রথম দিনটিতে ক্লিক করবেন, যা বছর বেছে নেওয়ার জন্য বাধ্য না করে তারিখ চয়নকারীকে আড়াল করে। এবং তারপরে ব্যবহারকারী ফিরে যাবে এবং কেবলমাত্র বছর পরিবর্তন করবে, তারিখটি ক্লিক করবে না, যা বছরের পরিবর্তনের নিবন্ধন করবে না। ভয়াবহ অভিজ্ঞতা।
আন্দ্রেই

0

JQueryUI ডেটটাইম চয়নকারী সর্বোত্তম বিকল্প কারণ এটি প্রো ব্যবহারকারীদের তাদের নিজস্ব মান পাঠ্যবক্সে প্রবেশ করতে দেয় বা তারা এটি চয়নকারী থেকে বেছে নিতে পারে।

জন্মদিন বা ভবিষ্যতের তারিখগুলিতে সহজে প্রবেশের অনুমতি দেওয়ার জন্য পিকার সেটআপ করা খুব সহজ:

$ ( '# Datepicker')। Datepicker ({
    চেঞ্জমুন্থ: সত্য,
    পরিবর্তন বছর: সত্য,
    বছরের রেঞ্জ: '-100: +50'
});

এটি এর মতো কিছু দেখায় (আমি নতুন ব্যবহারকারী হিসাবে একটি ফটো পোস্ট করতে পারি না: http://klalex.com/wp-content/uploads/2009/07/picture-1.png )

এবং বছররেঞ্জ ডেটটাইম.নাউ.ইয়ার - 100 থেকে ডেটটাইম.নো.ইয়ার + 50 থেকে তারিখগুলি দেখায়

এটি এতে পাওয়া গেছে: http://klalex.com/2009/07/jquery-ui-datepicker-for-bear-date-input/


0

আমি সবে জেএসফিডেলে একটি প্লাগইন আবিষ্কার করেছি। দুটি সম্ভাব্য বিকল্প: 1 একক ইনপুট বা 3 ইনপুট, তবে এককটির মতো দেখাচ্ছে ... (পরবর্তী ইনপুটটিতে যাওয়ার জন্য ট্যাব কী ব্যবহার করুন)

[লিঙ্ক] http://jsfiddle.net/davidelrizzo/c8ASE/ এটি আকর্ষণীয় বলে মনে হচ্ছে!


3
লিঙ্কটি এখানে: jsfiddle.net/davidelrizzo/c8ASE
লরেন্ট বি


0

আপনি প্লাগইন সিএক্সক্যালেন্ডার ব্যবহার করতে পারেন । এটি অন্য ডেটপিকারের মতো দেখায়। তবে আপনি বছরের-মাসের শিরোনাম ক্লিক করার পরে বাছাই করে বছর এবং মাস বেছে নিতে পারেন।

এখানে চিত্র বর্ণনা লিখুন


এটিতে উপরে বর্ণিত সমস্ত ইউএক্স চ্যালেঞ্জ রয়েছে।
পিকেহান্টার

-3

আমি জন্মের নির্বাচনের তারিখের জন্য তিনটি ড্রপডাউন তৈরি করেছি এবং বছর এবং মাসের নির্বাচনের উপর ভিত্তি করে গতিশীল পরিবর্তনের দিনগুলির সংখ্যা। http://jsfiddle.net/ravitejagunda/FH4VB/10/

daysInMonth = new Date(year,month,1,-1).getDate();
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.