কীভাবে এইচটিএমএল 5 ইনপুট পাবেন = "তারিখ" ফায়ারফক্স এবং / অথবা আইই 10 তে কাজ করে

Question

আমি এটি অদ্ভুত বলে মনে করি input type="date"যা এই সময়ের পরেও ফায়ারফক্সে সমর্থিত নয়। আসলে, আমি মনে করি না যে তারা কোনও ইনপুট উপাদানগুলিতে এইচটিএমএল 5 নতুন প্রকারের বেশি (যদি থাকে) যোগ করে। এটি IE10 এ সমর্থিত নয় বলে অবাক হন না। সুতরাং, আমার প্রশ্নটি হ'ল ...

কিভাবে পেতে type="date"একটি অন inputযোগ ছাড়া উপাদান পরিশ্রমী, এখনও অন্য, ফাইল (যথা .js jQueryUIDatePicker উইজেট) শুধু মাত্র ইন্টারনেট এবং Firefox ব্রাউজারের জন্য একটি ক্যালেন্ডার / তারিখ পেতে? এর বাইরে এমন কিছু আছে যা কোথাও প্রয়োগ করা যেতে পারে (সিডিএন সম্ভবত?) যা ফায়ারফক্স এবং / অথবা আই ব্রাউজারগুলিতে এই কার্যকারিতাটি ডিফল্টরূপে কাজ করবে ?? IE 8+ ব্রাউজারগুলি এবং ফায়ারফক্সের জন্য লক্ষ্য রাখার চেষ্টা করা, কোনও ব্যাপার নয়, নতুন সংস্করণ (২৮.০) ঠিক থাকবে।

আপডেট: ফায়ারফক্স 57+ ইনপুট টাইপ = তারিখ সমর্থন করে

Comments

আমার কাছে হাস্যকর মনে হচ্ছে যে ফায়ারফক্স এখনও এটিকে সমর্থন করে না। আমি আজ ক্রোম থেকে ফায়ারফক্সে চলেছি, আজকাল কি আছে তা দেখার জন্য মাত্র একদিন / সপ্তাহের জন্য, এবং এটি সঙ্গে সঙ্গে আমাকে আবার ফিরে যেতে চাইছে!

— কোডমনকি

এটি একটি রসিকতা FF তারিখ সরবরাহ করছে না

— সুপারউবারডুপার

লোকেরা যখন ফায়ারফক্সকে সেরা ব্রাউজার বলে তখন আমি বিরক্ত বোধ করি।

— মার্টিন ব্রাউন

পলিফিল না হলেও, আমি পিকডে ব্যবহার করে শেষ করেছি যা জ্যাকোয়ারি বা অন্যান্য নির্ভরতা ছাড়াই একটি সরল জেএস লিব ...

— এমবি 21

ফায়ারফক্স 57 এ ডিফল্টরূপে কাজ করছে বলে মনে হচ্ছে Still তবুও!

— এন্টোইন পিনসার্ড

Answer 1

আপনি চেষ্টা করতে পারেন webshims , যা পাওয়া যায় CDN + + শুধুমাত্র polyfill লোড করে, যদি এটা প্রয়োজন হয়।

এখানে সিডিএন সহ একটি ডেমো রয়েছে: http://jsfiddle.net/trixta/BMEc9/

<!-- cdn for modernizr, if you haven't included it already -->
<script src="http://cdn.jsdelivr.net/webshim/1.12.4/extras/modernizr-custom.js"></script>
<!-- polyfiller file to detect and load polyfills -->
<script src="http://cdn.jsdelivr.net/webshim/1.12.4/polyfiller.js"></script>
<script>
  webshims.setOptions('waitReady', false);
  webshims.setOptions('forms-ext', {types: 'date'});
  webshims.polyfill('forms forms-ext');
</script>

<input type="date" />

যদি ডিফল্ট কনফিগারেশনটি সন্তুষ্ট না হয় তবে এটি কনফিগার করার বিভিন্ন উপায় রয়েছে । এখানে আপনি ডেটপিকার কনফিগারারের সন্ধান করুন ।

দ্রষ্টব্য: যদিও ভবিষ্যতে ওয়েবশিমের জন্য নতুন বাগফিক্স রিলিজ থাকতে পারে। আর কোনও বড় রিলিজ হবে না। এর মধ্যে jQuery 3.0 বা কোনও নতুন বৈশিষ্ট্য সমর্থন রয়েছে includes

Comments

এটি দুর্দান্ত সমাধান, কনফিগারেশনটি সমৃদ্ধ, তবে "YYYY / MM / DD" এর মতো তারিখের ফর্ম্যাটটি কোথায় সেট করতে হবে তা খুঁজে পাচ্ছি না

— পাভেল নিডোবা

আমি যখন 11 ই-তে এই jsfiddle চালানোর চেষ্টা করি তখন আমি একটি "অ্যাক্সেস অস্বীকার করা" ত্রুটি পেয়েছি, এবং তারিখ চয়নকারী কাজ করে না।

— শাওয়াইস

এটি আই 10 তে কাজ করে না ... আমি @ শাওয়াইসের দ্বারা উল্লিখিত একই ত্রুটিটি পেয়েছি ... এটি jquery সংস্করণটি 1.11 বা তারপরে উন্নীত করার

— নিতিন

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

— marionmaiden

এটি অবশ্যই ফায়ার ফক্সে কাজ করে। তবে আইই তে কাজ করেনি

— বরুণী এনআর

Answer 2

এটি ফায়ারফক্সে রয়েছে সংস্করণ 51 (জানুয়ারী 26, 2017) থেকে, তবে এটি ডিফল্টরূপে সক্রিয় করা হয়নি (এখনও)

এটি সক্রিয় করতে:

সম্পর্কে: কনফিগ

dom.forms.datetime -> সত্য হিসাবে সেট করুন

https://developer.mozilla.org/en-US/Firefox/Experimental_features

Comments

এইটা শুনে আনন্দিত হলাম. ডিফল্ট ইমো চালু হওয়া উচিত। তবে এটি জেনে রাখা ভাল।

— সলোমন ক্লসন

আমি এফএফ 64.0.2 এ আছি, তবে যদিও এই বিকল্পটি "সত্য" (এটি) কাজ করে না, ডেটটাইম বাক্সটি এখনও কেবলমাত্র পাঠ্য only আমি কোনও সাফল্য না নিয়ে "টাইম পিকার" সক্ষম করার চেষ্টা করেছি।

— নষ্ট_ কোডার

Answer 3

JQuery দ্বারা সরবরাহিত ডেটপিকার উপাদানটি ব্যবহার করে এই বিধিনিষেধ থেকে মুক্তি পাওয়ার সহজ উপায় রয়েছে ।

1. JQuery এবং jQuery UI লাইব্রেরি অন্তর্ভুক্ত করুন (আমি এখনও একটি পুরানো ব্যবহার করছি)

   • src = "JS / jQuery-1.7.2.js"
   • src = "JS / jQuery-ui এ-1.7.2.js"

2. নিম্নলিখিত স্নিপ ব্যবহার করুন

   $(function() {
        $( "#id_of_the_component" ).datepicker({ dateFormat: 'yy-mm-dd'}); 
   });

দেখুন jQuery এর UI 'তে DatePicker - পরিবর্তনের তারিখ বিন্যাস প্রয়োজনে।

Comments

ওপি বলেছে "যোগ না করেই কাজ করা, আর একটি, .js ফাইল (যথা jQueryUI ডেটপিকার উইজেট)" ... তবে এই প্রশ্নটি গুগলের শীর্ষ হিট, সুতরাং আপনার উত্তরটি এখনও সত্যই সহায়ক যদিও এটি প্রশ্নের উত্তর দেয় না। আমি আশা করি আপনার পোস্টটি এখনই উজ্জীবিত করার জন্য আমার খারাপ লাগবে না।

— phil294

ক্যালেন্ডারটি সঠিকভাবে দেখানোর জন্য আপনাকে jQuery UI CSS অন্তর্ভুক্ত করতে হবে। <br> <লিঙ্ক rel = "স্টাইলশীট" href = "// কোড.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">

— ইউউন শাওলিন ম্যাকুলেল লাই

Answer 4

টাইপ = "তারিখ" এই মুহুর্তে একটি সত্য স্পেসিফিকেশন নয়। এটি এমন একটি ধারণা যা গুগল এসেছিল এবং তাদের কীভাবে স্পেসিফিকেশন রয়েছে (অফিসিয়াল নয়) এবং এটি কেবল আংশিকভাবে ক্রোম দ্বারা সমর্থিত।

http://caniuse.com/#search=date

আমি এই মুহুর্তে এই ইনপুট ধরণের উপর নির্ভর করব না। এটি পেয়ে ভাল লাগবে, তবে আমি আসলে এটি তৈরির আগেই ভাবছি না। # 1 কারণে এটি কিছুটা জটিল ইনপুটটির জন্য সেরা ইউআই নির্ধারণ করতে ব্রাউজারে খুব বেশি বোঝা চাপায়। একটি প্রতিক্রিয়াশীল দৃষ্টিকোণ থেকে এটি সম্পর্কে চিন্তা করুন, যে কোনও বিক্রেতারা কীভাবে জানতে পারবেন যে আপনার ইউআই দিয়ে 400 পিক্সেল, 800 পিক্সেল এবং 1200 পিক্সেল প্রশস্ত বলা যায়?

Comments

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

— সুপারউবারডুপার

অদ্ভুত যুক্তি। ব্রাউজারগুলির জন্য খুব বেশি বোঝা, তবে জো ওয়েব ডেভেলপারদের জন্য নয়?!?

— jeroenh

এটি এখন এইচটিএমএল 5 এর কার্যনির্বাহী খসড়ার অংশ: w3.org/html/wg/drafts/html/master/…

— ক্রিস

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

— টোমা জ্যাটো - মনিকা পুনরায় ইনস্টল করুন 23'15

@ এমএম ধন্যবাদ। এইচটিএমএল 5 এরই মধ্যে অফিসিয়াল ডাব্লু 3 সি সুপারিশে আপগ্রেড হয়েছে। নতুন লিঙ্কটি w3.org/TR/2014/REC-html5-20141028/…

— ক্রিস

Answer 5

YYYY-MM-DD এ ফর্ম্যাট করা তারিখের সাথে এখানে একটি পূর্ণ উদাহরণ

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 
<script src="//cdn.jsdelivr.net/webshim/1.14.5/polyfiller.js"></script>
<script>
webshims.setOptions('forms-ext', {types: 'date'});
webshims.polyfill('forms forms-ext');
$.webshims.formcfg = {
en: {
    dFormat: '-',
    dateSigns: '-',
    patterns: {
        d: "yy-mm-dd"
    }
}
};
</script>
<input type="date" />

Comments

কেউ কি জানেন যে এটি বিকল্পটিকে সময় পিকর যুক্ত করার অনুমতি দেয় কিনা?

— drooh

আমি আপনার স্ক্রিপ্টটি জেএসফিডাল @ দ্রোহে চেষ্টা করেছি তবে এটি কার্যকর হয় না। প্রতিবার আমি কোনও তারিখ নির্বাচন করি তবে এটি ইনপুট ক্ষেত্রে মিলিসেকেন্ডের মতো প্রদর্শিত হয় এবং তারপরে অদৃশ্য হয়ে যায়। কেউ কি ডেট / মিমি / ইয়াহির তারিখের কনফিগারেশন সহ একটি ওয়ার্কিং ফিডল সংস্করণ সরবরাহ করতে পারে?

— রায়ান কুলওয়েবস

দ্রষ্টব্য, আগস্ট ২০১ of পর্যন্ত ওয়েবশিম jQuery 3 এর সাথে কাজ করে না এবং আমার পরীক্ষায় এটি 2.2.4 এর সাথেও কাজ করে না।

— দ্রুহ

আমি এই পেয়েছি সবচেয়ে ভালো সমাধান হতে না হওয়া পর্যন্ত ফায়ারফক্স একটি তারিখ ইনপুট যোগ stackoverflow.com/questions/2528706/...

— drooh

Answer 6

যদিও এটি আপনাকে ডেট পিকার ইউআই পেতে দেয় না, মজিলা প্যাটার্ন ব্যবহারের অনুমতি দেয়, তাই আপনি কমপক্ষে এরকম কিছু দিয়ে তারিখের বৈধতা পেতে পারেন:

pattern='(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))'

শেষ পর্যন্ত আমি @ সুপারউবারডুপারের সাথে একমত যে মজিলা এটিকে স্থানীয়ভাবে অন্তর্ভুক্ত করার পিছনে।

Comments

"সময়" জন্য একটি সংস্করণ আছে?

— ম্যালকম সালভাদোর

দয়া করে এই উদাহরণটি প্রসারিত করুন। এটি কি ইনপুটটির জন্য এইচটিএমএল বৈশিষ্ট্য?

— নষ্ট_ কোডার

Answer 7

এটি ঠিক একটি পরামর্শ যা ডেক্সের উত্তর অনুসরণ করে। (আমি এই উত্তরে একটি মন্তব্যে রাখব, তবে অন্যের প্রশ্নে মন্তব্য করার মতো যথেষ্ট খ্যাতি আমার এখনও নেই)।

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

 $(function() { $( ".datepicker" ).datepicker({ dateFormat: 'yy-mm-dd' }); });

এবং আপনার ইনপুট হিসাবে:

 <input type="text" class="datepicker" name="your-name" />

এখন, প্রতিবার যখন আপনার তারিখ চয়নকারী প্রয়োজন, কেবলমাত্র সেই শ্রেণীটি যুক্ত করুন। পিএস আমি জানি, আপনাকে এখনও জেএস ব্যবহার করতে হবে :( তবে কমপক্ষে আপনি আপনার সমস্ত সাইটের জন্য প্রস্তুত রয়েছেন My আমার 2 সেন্ট ...

Answer 8

ফায়ারফক্সের সর্বশেষতম সংস্করণ ফায়ারফক্স 57 (কোয়ান্টাম) তারিখ এবং অন্যান্য বৈশিষ্ট্যগুলি সমর্থন করে যা এটি 14 নভেম্বর, 2017 এ প্রকাশিত হয়েছিল। আপনি এই লিঙ্কটি ক্লিক করে এটি ডাউনলোড করতে পারেন

Answer 9

আলেকজান্ডারকে ধন্যবাদ, আমি এন ল্যাংয়ের জন্য ফর্ম্যাটটি কীভাবে পরিবর্তন করতে পারি তার একটি উপায় খুঁজে পেয়েছি। (কোন ল্যাং এই জাতীয় বিন্যাস ব্যবহার করে তা জানতেন না)

 $.webshims.formcfg = {
        en: {
            dFormat: '/',
            dateSigns: '/',
            patterns: {
                d: "yy/mm/dd"
            }
        }
     };

 $.webshims.activeLang('en');

Comments

আমি মনে করি যে একমাত্র 'এন' দেশটি যে ফর্ম্যাটটি ব্যবহার করে তা হ'ল কানাডা। যাইহোক, 'এন' দ্ব্যর্থহীন, কারণ এতে যুক্তরাষ্ট্রেও অন্তর্ভুক্ত রয়েছে, যার নিজস্ব একটি 'বিশেষ' তারিখের বিন্যাস রয়েছে।

— মাইকেল শ্যাপার

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

— পাভেল নিডোবা

সতর্ক হোন. যদি ওয়েবশিমগুলি লোকালের ব্রাউজার ব্যাখ্যায় নির্ভর করে তবে আপনার অবিশ্বাস্য ফলাফল হতে পারে। 'এন' সম্ভবত বিভিন্ন প্ল্যাটফর্মগুলিতে (সিস্টেমের লোকেলের উপর নির্ভর করে) বা এমনকি বিভিন্ন ব্রাউজারে একই ফর্ম্যাটটিকে বোঝায় না। এটি কানাডার একটি ব্রাউজার দ্বারা 'এন-সিএ' হিসাবে ব্যাখ্যা করা যেতে পারে (যা সম্ভবত সম্ভবত ইয়াই-মিমি-ডিডি, তবে সম্ভবত সামঞ্জস্যপূর্ণ নয়) তবে ভারতের ব্রাউজার দ্বারা 'এন-ইন' (যা বিশ্বের বেশিরভাগ অংশের মতো) , dd-mm-yyyy উত্পাদন করবে)। এটি কেবলমাত্র প্রোডাকশন কোডে থাকার অর্থ এই নয় যে এটি সঠিকভাবে পরীক্ষা করা হয়েছে production প্রচুর আই 18n বাগগুলি প্রডাকশন কোডে এমনকি বড় সাইটগুলিতে বিদ্যমান।

— মাইকেল শ্যাপার 8

শেষ লাইন $ .webshims.activeLang ('en'); ল্যাং (বা স্থানীয়) ওয়েবশিমগুলিকে ওভাররাইডিং ব্রাউজার সেটিংসে বাধ্য করা উচিত, তাই ফর্ম্যাটটি সর্বদা একই থাকে।

— পাভেল নিডোবা

Answer 10

কখনও কখনও আপনি আপনার প্রকল্পে ডেটপিকার http://jqueryui.com/datepicker/ ব্যবহার করতে চান না কারণ:

• আপনি jquery ব্যবহার করতে চান না
• আপনার প্রকল্পে jquery সংস্করণগুলির বিরোধ
• বছরের পছন্দ সুবিধাজনক নয়। উদাহরণস্বরূপ 10 বছর আগে যাওয়ার জন্য আপনার পূর্বের বোতামে 120 টি ক্লিক দরকার।

তারিখ ইনপুট জন্য দয়া করে আমার খুব সহজ ক্রস ব্রাউজার কোড দেখুন। আপনার ব্রাউজারটি তারিখের ধরণের ইনপুটটিকে সমর্থন না করে তবেই আমার কোডটি প্রযোজ্য

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Input Key Filter Test</title>
	<meta name="author" content="Andrej Hristoliubov [e-mail]">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	
	<!-- For compatibility of IE browser with audio element in the beep() function.
	https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible -->
	<meta http-equiv="X-UA-Compatible" content="IE=9"/>
	
	<link rel="stylesheet" href="https://rawgit.com/anhr/InputKeyFilter/master/InputKeyFilter.css" type="text/css">		
	<script type="text/javascript" src="https://rawgit.com/anhr/InputKeyFilter/master/Common.js"></script>
	<script type="text/javascript" src="https://rawgit.com/anhr/InputKeyFilter/master/InputKeyFilter.js"></script>
	
</head>
<body>
	<h1>Date field</h1>
    Date:
    <input type='date' id='date' />
    New date: <span id="NewDate"></span>
    <script>
        CreateDateFilter('date', {
                formatMessage: 'Please type date %s'
                , onblur: function (target) {
                    if (target.value == target.defaultValue)
                        return;
                    document.getElementById('NewDate').innerHTML = target.value;
                }
                , min: new Date((new Date().getFullYear() - 10).toString()).toISOString().match(/^(.*)T.*$/i)[1]//'2006-06-27'//10 years ago
                , max: new Date().toISOString().match(/^(.*)T.*$/i)[1]//"2016-06-27" //Current date
                , dateLimitMessage: 'Please type date between "%min" and "%max"'
            }
        );
    </script>

</body>
</html>

Comments

এই কোডটি সম্পূর্ণরূপে ব্যর্থ হয়। আমি একটি তারিখ টাইপ করতে পারছি না কারণ ক্ষেত্রটি ইতিমধ্যে "YYY-MM-DD" দিয়ে ভরাট হয়েছে, এবং যদি আমি এটি সাফ করার চেষ্টা করি তবে তা আবার উপস্থিত হয়।

— স্টিফেন আর

হাইফেনগুলি মুছবেন না দয়া করে। আমি উইন্ডোজ 10 গুগল ক্রোম 52, ফায়ারফক্স 41, অপেরা 39, মাইক্রোসফ্ট এজ, IE 11. এ সফলভাবে পরীক্ষা করেছি lease দয়া করে আমাকে আপনার ডিভাইস, ওএস এবং ব্রাউজারটি বলুন।

— আন্দ্রেজ

আমি আসলে আপনার মন্তব্যের ঠিক নীচে "রান কোড স্নিপেট" লিঙ্কটি আঘাত করছি। আমি কোনও তারিখ সঠিকভাবে টাইপ করতে পারছি না কারণ "YYYY-MM-DD" স্থানধারক আমি টাইপ শুরু করার সাথে সাথে অদৃশ্য হওয়ার পরিবর্তে সক্রিয়ভাবে আমার সাথে প্রতিযোগিতা করছে। আমি উইন্ডোজ 10

— স্টিফেন আর

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

— রেগেক্স

Answer 11

সঠিক সমাধান এখানে। আপনার যেকোন জায়গায় jquery ডেটপিকার ব্যবহার করা উচিত

  <script>
  $( function() {
    $( ".simple_date" ).datepicker();
  } );
  </script>

সম্পূর্ণ কোড পেতে লিঙ্কটি নীচে দেওয়া আছে

https://tutorialvilla.com/how/how-to-solve-the-problem-of-html-date-picker

Answer 12

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

JQuery ডেটপিকার কোডটি অনুলিপি করতে এখানে ক্লিক করুন

Answer 13

bootstrap-datepickerফায়ারফক্স 55 পোর্টেবলে ক্যালেন্ডারটি কাজ করতে আমাকে প্লাগইন ব্যবহার করতে হয়েছিল:

https://bootstrap-datepicker.readthedocs.io/en/latest/

বুটস্ট্র্যাপ v2 এবং v3 এর সাথে সামঞ্জস্যপূর্ণ। এটি স্ট্যান্ডসোন স্টাইলশিট নিয়ে আসে যাতে আপনাকে বুটস্ট্র্যাপের উপর নির্ভর করতে হবে না।

ব্যবহার:

<input class="datepicker">

$('.datepicker').datepicker({
    format: 'mm/dd/yyyy'
});

Answer 14

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>


</body>
</html>