কীভাবে jQuery UI ডেটপিকার থেকে তারিখ পাবেন

Question

আমি যখনই jQuery UI তারিখপিকারে তারিখটি চয়ন করি এবং ফর্মের বোতামটি ক্লিক করি তখনই আমি তারিখপিকারের কাছ থেকে তারিখ পেতে চাই।

ভাল তারা আমাকে যে তারিখটি পছন্দ করবে তার দিন, মাস এবং বছর পাওয়া উচিত। আমি কীভাবে jQuery UI তারিখের ফর্ম পেতে পারি?

Answer 1

ব্যবহার

var jsDate = $('#your_datepicker_id').datepicker('getDate');
if (jsDate !== null) { // if any date selected in datepicker
    jsDate instanceof Date; // -> true
    jsDate.getDate();
    jsDate.getMonth();
    jsDate.getFullYear();
}

Comments

ডেট ডেটা টাইপের কোনও পদ্ধতি চালানোর উপায় কি এটি? মানে, getDate, getMonth, getFullYear ইত্যাদি?

— আজিব.কেপি

ডেটপিকারে গেটডেটের কল করার পরে আপনি জেএস তারিখ () অবজেক্ট পাবেন যা পরে getDate, getMonth, getFullYear ইত্যাদি কল করতে ব্যবহার করা যেতে পারে

— শীতল

যদি আমরা jsDate ভেরিয়েবল মুদ্রণ করি তবে এটি আমাদের সোম 24 আগস্ট 2020 00:00:00 GMT + 0530 (ভারত স্ট্যান্ডার্ড টাইম) এর মতো কিছু দেবে এখন আমরা jsDate এ getDate, getMonth, getFullYear পদ্ধতি প্রয়োগ করতে পারি।

— Laveena

Answer 2

আপনি গেটডেট ফাংশনটি ব্যবহার করে তারিখটি পুনরুদ্ধার করতে পারেন:

$("#datepicker").datepicker( 'getDate' );

মানটি জাভাস্ক্রিপ্টের তারিখ অবজেক্ট হিসাবে ফিরে এসেছে।

ব্যবহারকারী কোনও তারিখ নির্বাচন করার সময় আপনি যদি এই মানটি ব্যবহার করতে চান তবে আপনি অন-নির্বাচন ইভেন্টটি ব্যবহার করতে পারেন:

$("#datepicker").datepicker({
   onSelect: function(dateText, inst) { 
      var dateAsString = dateText; //the first parameter of this function
      var dateAsObject = $(this).datepicker( 'getDate' ); //the getDate method
   }
});

প্রথম প্যারামিটারটি এই ক্ষেত্রে স্ট্রিং হিসাবে নির্বাচিত তারিখ। এটিকে JS তারিখ অবজেক্টে রূপান্তর করতে পার্সেট ডেট ব্যবহার করুন।

সম্পূর্ণ jQuery UI তারিখপিকার রেফারেন্সের জন্য http://docs.jquery.com/UI/Datepicker দেখুন ।

Comments

সেরা সমাধান কারণ তারিখের কোনও বৈশ্বিক চলক প্রয়োজন নেই

— রশিদ

Answer 3

এটি ব্যবহার করে দেখুন, কবজির মতো কাজ করে, আপনার নির্বাচিত তারিখটি দেয়। অনসামিত ফর্মটি এই মানটি পেতে চেষ্টা করুন:

var date = $("#scheduleDate").datepicker({ dateFormat: 'dd,MM,yyyy' }).val();

এখানে রেফারেন্স

Answer 4

getdate- এ লিঙ্কটি: https://api.jqueryui.com/datepicker/#method-getDate

$("#datepicker").datepicker( 'getDate' );

Answer 5

মাঝে মাঝে এর সাথে অনেক ঝামেলাও হয়। ডেটাপিকারের ডেটাটির বৈশিষ্ট্যের মানটি 28-06-2014 হয় তবে ডেটপিকারটি শো বা আজ বা কিছুই নয়। আমি এটি এমনভাবে স্থির করেছিলাম:

<input type="text" class="form-control datepicker" data-value="<?= date('d-m-Y', (!$event->date ? time() : $event->date)) ?>" value="<?= date('d-m-Y', (!$event->date ? time() : $event->date)) ?>" />

আমি ডেটাপিকারের বৈশিষ্ট্যযুক্ত ডেটা-মানটির ইনপুটটিতে যুক্ত করেছি, কারণ যদি jQuery (এটি) .val () বা jQuery (এটি) .attr ('মান') কল করে - কিছুই কাজ করে না। আমি প্রতিটি ডেটাপিকারকে চক্রের উদ্যোগের সিদ্ধান্ত নিয়েছি এবং এর মানটি বিশিষ্ট ডেটা-মান থেকে নেব:

 $("form .datepicker").each(function() {
        var time = jQuery(this).data('value');
        time = time.split('-');
        $(this).datepicker('setDate', new Date(time[2], time[1], time[0], 0, 0, 0));
    });

এবং এটি দুর্দান্ত কাজ করে =)

Comments

এটি কেবল তখনই কাজ করবে যদি আপনার তারিখের ফর্ম্যাটটি ডিএমওয়াই থাকে .. আপনার যদি এমডিওয়াই বা অন্য কোনও ফর্ম্যাট থাকে তবে আপনি হোসড!

— মোহাম্মদ নুর নুর

Answer 6

নামকরণের ধারণার উত্তরটি আমার পক্ষে কাজ করেছে। আমি ব্যতীত

var date = $("#date").dtpicker({ dateFormat: 'dd,MM,yyyy' }).val()

datepickerকাজ dtpickerকরেনি তবে করেছেন।