jQuery তারিখ / সময় চয়নকারী [বন্ধ]

Question

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

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

ব্যবহারযোগ্য ইন্টারফেসের সাথে একক UI নিয়ন্ত্রণে তারিখ এবং সময়গুলি বেছে নেওয়ার জন্য কি কোনও ভাল jQuery প্লাগইন রয়েছে?

Comments

আমি নিশ্চিত যে আমার উদাহরণটি কিছুটা বিভ্রান্তিকর এবং আরও বেশি ব্যবহারকারী বান্ধব। উভয় পক্ষের পক্ষে মতামত রয়েছে।

— মাইকেল স্টোন 15

haineault.com/media/jquery/ui-timepickr/page

— ফ্রিল্যান্সার

Answer 1

এখনও পর্যন্ত সর্বোত্তম এবং সর্বাধিক সহজ ডেটটাইম বাছাইয়ের বিকল্পটি হ'ল http://trentrichardson.com / উদাহরণ / টাইম পিকার / ।

এটি jQuery UI তারিখপিকারের একটি এক্সটেনশান তাই এটি একই থিমগুলিকে সমর্থন করবে পাশাপাশি এটি একইভাবে, একই রকম সিনট্যাক্স ইত্যাদিও কাজ করে। এটি jQuery UI ইমোতে প্যাক করা উচিত।

Comments

আমি এটি ব্যবহার করছি, এবং আমি এটি ভালবাসি।

— সনি

আমি এটি পছন্দ করি তবে এটি এখনও খুব বগি।

— অ্যালাস্টার পিটস

"খুব বগি"? কষ্টসহকারে। আমি এটি প্রোডাকশন কোডে ব্যবহার করি এবং এখন কিছুক্ষণের জন্য রয়েছে। এটি সক্রিয়ভাবে বিকশিতও হয়েছে।

— সনি

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

— আইকনোক্লাস্ট

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

— আইকনোক্লাস্ট

Answer 2

@ ডেভিড, সুপারিশের জন্য ধন্যবাদ! @ ফ্লুইড_চেলসি, আমি সবেমাত্র যেকোন + টাইম (টিএম) সংস্করণ 3.x প্রকাশ করেছি যা প্রোটোটাইপের পরিবর্তে jQuery ব্যবহার করে এবং অনেক উন্নত ইন্টারফেস পেয়েছে, তাই আমি আশা করি এটি এখন আপনার চাহিদা পূরণ করে:

http://www.ama3.com/anytime/

কোনও সমস্যা, দয়া করে আমার ওয়েবসাইটে মন্তব্য লিঙ্কের মাধ্যমে আমাকে জানান!

Comments

যে কোনও + টাইম (টিএম) সংস্করণ 4.x এখন উপলব্ধ! নতুন প্রকাশটি টাইম জোনগুলি (অন্য যে কোনও পিকারে এটি সন্ধান করুন!) পাশাপাশি জিকুয়েরি নির্বাচক / চেইনিং, সহজ-অপসারণ (মেমরি ফাঁস এড়ান!) এবং আরও অনেক উন্নতি সমর্থন করে। দয়া করে এটি যাত্রা করুন, এবং আপনার যদি কোনও সমস্যা বা পরামর্শ থাকে তবে আমার ওয়েবসাইটে মন্তব্য পৃষ্ঠার মাধ্যমে আমাকে জানান।

— অ্যান্ড্রু এম। অ্যান্ড্রুজ III

যে কোনও + সময় দেখতে বেশ চটকদার। আমি এটা পছন্দ করি.

— জ্যাক পিটারসন

কেবলমাত্র একটি রেলস অ্যাপ্লিকেশনে কয়েক মিনিটের মধ্যে যেকোনটাইম প্রয়োগ করা হয়েছে। পুরোপুরি কাজ করে।

— Gwyn Morfey

আমি স্রেফ আমার জেএসএফ অ্যাপ্লিকেশনের জন্য পছন্দসই বাছাইকারী হিসাবে ইনিটাইম চয়নকারীটিকে বেছে নিয়েছি! সুন্দর পণ্যের জন্য ধন্যবাদ, ভাল কাজ চালিয়ে যান!

— Arg

যেকোনও + টাইম প্রতিটি যে কোনও + টাইম ইনপুটের জন্য ইউআইয়ের জন্য একটি নতুন লুকানো ডিভ সংযোজন করে (জ্যাকুয়ারি ইউআই ডেটপিকারের বিপরীতে যা লুকানো ডিআইআই ইউআই পুনরায় ব্যবহার করে) এটি কার্যনির্বাহীভাবে খারাপভাবে ডিজাইন করা এমএসআইই 6 তে অনেক ডাউনগ্রেড করে। সুতরাং আপনার যদি এমএসআইই 6 সমর্থন করার প্রয়োজন হয় তবে কোনও + সময় ব্যবহার করবেন না!

— এডুয়ার্ডো

Answer 3

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

আমি মূল UI তারিখপিকার এবং নিম্নলিখিত সময় চয়নকারী ব্যবহার করি।

এটি একটি গুগল ক্যালেন্ডার ব্যবহার করে অনুপ্রাণিত:

jQuery টাইমপিকার :
উদাহরণ: http://labs.perifer.se/timedatepicker/ গিথুব
উপর প্রকল্প: https://github.com/perifer/timePicker

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

পিএস: আমার দৃষ্টিতে: স্লাইডারগুলি (কিছু বিকল্প সময় বাছাইকারী দ্বারা ব্যবহৃত) অনেকগুলি ক্লিক নেয় এবং ব্যবহারকারীর কাছ থেকে মাউস যথার্থতা প্রয়োজন (যা ইনপুটকে ধীর করে তোলে)।

Comments

কোর ইউআই ডেটপিকার: jqueryui.com/demos/datepicker

— ম্যাগনে

এটি সেই ক্ষেত্রটির জন্য সি # এমভিসির মডেল বাঁধার উপকারকে হত্যা করে

— সেরজ সাগান

Answer 4

ডেটপিকারের সাথে আমার সেরা অভিজ্ঞতা প্রোটোটাইপ-ভিত্তিক যেকোনটাইমের সাথে । আমি জানি যে এটি jQuery নয়, তবে এটি আপনার জন্য আপোষের পক্ষে মূল্যবান হতে পারে। আমি একেবারে কোনও প্রোটোটাইপ জানি এবং এটির সাথে কাজ করা এখনও যথেষ্ট সহজ।

একটি ক্যাভ্যাট আমি খুঁজে পেয়েছি: এটি কিছু ব্রাউজারের সাথে সামঞ্জস্যপূর্ণ নয়। অর্থাৎ এটি ক্রোমে প্রোটোটাইপের নতুন সংস্করণ নিয়ে কাজ করে নি।

Comments

আমি যদি প্রোটোটাইপ ব্যবহার করতে পারি তবে এটি কোনও সমস্যা হবেনা, দুর্ভাগ্যক্রমে আমরা এই অ্যাপ্লিকেশনটির জন্য jQuery এর সাথে আটকে আছি।

— চেলসি 15

কেবলমাত্র একটি আপডেট - এ্যানটাইম 3 এখন jQuery এর সাথে কাজ করে।

— জ্যাক্সিডিয়ান

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

— ডেভিড বার্গার

দুর্দান্ত, যদিও বছরের নির্বাচক (<বা> ক্লিক করা) আমার কাছে ক্লডজি।

— একটি কোডার

Answer 5

শুধু এখানে তথ্য যোগ করতে, তরল প্রকল্প একটা চমৎকার উইকি লেখ-আপ তারিখ এবং / অথবা সময় পিকার্স সংখ্যক overviewing হয়েছে এখানে ।

Answer 6

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

Answer 7

আমিও একই সমস্যায় পড়েছি। আমি প্রকৃতপক্ষে আমার সার্ভার সাইড প্রোগ্রামিংটি ব্যবহার করে বিকাশ করেছি, তবে আপনাকে চেষ্টা করতে এবং সহায়তা করার জন্য আমি একটি দ্রুত অনুসন্ধান করেছি এবং এটি খুঁজে পেয়েছি।

ঠিক আছে বলে মনে হচ্ছে, উত্সটি খুব বেশি দেখেনি, তবে খালি জাভাস্ক্রিপ্ট বলে মনে হচ্ছে।

দেখ:

http://www.rainforestnet.com/datetimepicker/datetimepicker.htm

এখানে ডেমো পৃষ্ঠা লিঙ্ক:

http://www.rainforestnet.com/datetimepicker/datetimepicker-demo.htm

শুভকামনা

Comments

আমি কয়েক বছর ধরে এটি ব্যবহার করে আসছি। এটি দাঁতে কিছুটা দীর্ঘ হচ্ছে তবে কাজ করে।

— একটি কোডার

Answer 8

এটি এমন কিছু কোড যা আমি ব্যবহারকারীর জন্য একটি ডেটটাইম পিকার নির্বাচন করতে, ডেটটাইম সেট করে, এবং অন্য ডেটটাইম পিকারকে সেই সময়টিতে একটি মিনিট যুক্ত করতে ব্যবহার করি।

কাস্টম ওষুধ নিয়ন্ত্রণের জন্য আমার এটি দরকার ছিল ....

যাইহোক, ভেবেছিলাম এটি অনলাইনে কোথাও উত্তর সন্ধান করতে না পারায় এটি অন্য কাউকে সাহায্য করতে পারে ...

(কমপক্ষে সম্পূর্ণ উত্তর নয়)

মনে রাখবেন যে 60000 যুক্ত হয়েছে, এক মিনিট যোগ করেছে। (60 * 1000 মিলিসেকেন্ড)

$('.frdtPicker').datetimepicker({
        onClose: function(dateText, inst) {
            var endDateTextBox = $('.todtPicker');
            if (endDateTextBox.val() != '') {
                var testStartDate = new Date(dateText);
                var testEndDate = new Date(endDateTextBox.val());
                if (testStartDate > testEndDate) {

                    var testStartDate = new Date(dateText).getTime() + 60000;
                    var testStartDate2 = new Date(testStartDate); 

                    endDateTextBox.datetimepicker('setDate', (new Date(testStartDate2)));
                }
            }
            else {
                var testStartDate = new Date(dateText).getTime() + 60000;
                var testStartDate2 = new Date(testStartDate);
                endDateTextBox.datetimepicker('setDate', (new Date(testStartDate2)));
            }
            $('.frdtPicker').val(dateText); //endDateTextBox.val());

        },
        onSelect: function(selectedDateTime) {
            var start = $(this).datetimepicker('getDate');
            $('.todtPicker').datetimepicker('option', 'minDate', new Date(start.getTime()));
        }
    });

Answer 9

নিম্নলিখিত জাভাস্ক্রিপ্ট প্লাগইন একবার দেখুন।

তারিখ এবং সময় সহ জাভাস্ক্রিপ্ট ক্যালেন্ডার

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

Answer 10

JQuery নয়, তবে সময় সহ এটি একটি ক্যালেন্ডারের জন্য ভাল কাজ করে: জাভাস্ক্রিপ্টের তারিখের সময় পিকার ।

আমি ক্লিক ইভেন্টটিকে পপ আপ করতে কেবল আবদ্ধ করেছি:

$(".arrival-date").click(function() {
    NewCssCal($(this).attr('id'), 'mmddyyyy', 'dropdown', true, 12);
});

Comments

লিঙ্কটি আপডেট করেছে - তারা এটিকে সরিয়ে নিয়েছে।

— bigspotteddog

আমি কয়েক বছর ধরে এটি ব্যবহার করছি, যদিও আমি এটিকে অন্যরকমভাবে আহ্বান করেছি (সুতরাং আপনার কোডটি স্বীকৃতি দেয় না)। আমি জ্যাকুরির ডেটপিকারে স্থানান্তরিত হয়েছি, যেহেতু বৃষ্টিব্রতী দাঁতে কিছুটা দীর্ঘ দেখাচ্ছে looking

— একটি কোডার

Answer 11

আমি এই মত একটি ফাংশন করা:

function getTime()
{
    var date_obj = new Date();
    var date_obj_hours = date_obj.getHours();
    var date_obj_mins = date_obj.getMinutes();
    var date_obj_second = date_obj.getSeconds();

    var date_obj_time = "'"+date_obj_hours+":"+date_obj_mins+":"+date_obj_second+"'";
    return date_obj_time;
}

তারপরে আমি jQuery UI ডেটপিকারটি এর মতো ব্যবহার করি:

$("#selector").datepicker( "option", "dateFormat", "yy-mm-dd "+getTime()+"" );

সুতরাং, আমি এর মতো মান পাই : 2010-10-31 12:41:57

Comments

কখনও কখনও আমাদের সময় নির্ধারণ করতে হবে (গেটটাইম ফাংশনটি ব্যবহার না করা)

— বুংডিতো

Answer 12

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

http://www.yart.com.au/Resources/Programming/ASP-NET-JQuery-Date-Time-Control.aspx

Comments

দুর্ভাগ্যক্রমে এই লিঙ্কটি সক্রিয় নয়।

— স্টিফান