jQuery ডেটপিকারটি নির্বাচনের তারিখটি উড়তে সেট করে

Question

আমি কীভাবে jquery তারিখ চয়নকারীটির নির্বাচিত তারিখটি উড়ন্ত অবস্থায় পরিবর্তন করতে পারি? আমি বলেছি একটি ইনলাইন তারিখ চয়নকারী তৈরি করেছে। তারপরে কিছুক্ষণ পরে, আমি স্ক্র্যাচ থেকে ডেটপিকারকে পুনরায় না নিয়ে সেখানে একটি আলাদা তারিখের প্রতিবিম্ব করতে চাই।

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

অন্য (প্রসারিত?) করা হয় প্লাগ ইন এখানে , কিন্তু আমি যা jquery.ui.all.js সঙ্গে বিক্রী হয় প্লাগইন ব্যবহার করতে চান।

Answer 1

আপনি jQuery-UI এর কোন সংস্করণ ব্যবহার করছেন? আমি নিম্নলিখিতটি 1.6r6, 1.7 এবং 1.7.1 দিয়ে পরীক্ষা করেছি এবং এটি কাজ করে:

//Set DatePicker to October 3, 2008
$('#dateselector').datepicker("setDate", new Date(2008,9,03) );

Comments

সেটডেটের পরিবর্তে ডিফল্টডেট ব্যবহার করুন, যদি সেটডেট কাজ না করে।

— বিঙ্গজি 2680

তবে আমার পক্ষে এটি কোনওভাবেই কাজ করে না d তারিখটি পরিবর্তন করা হয়েছিল ut তবে নির্বাচিত তারিখটি ক্যালেন্ডারে উপস্থিত হয় না। এটি আমাকে আজ কেবল হাইলাইট করে দেখায়।

— প্রেজথ গ্যাজেজ

Answer 2

আপনি যদি যে তারিখটি মিনিডেট বা সর্বোচ্চ তারিখ বিকল্প সেট করে থাকেন তবে অনুমতিপ্রাপ্ত তারিখের মধ্যেই যে তারিখটি সেট করার চেষ্টা করছেন তা পরীক্ষা করে দেখুন।

Answer 3

এই উদাহরণটি কীভাবে ড্রপডাউন ক্যালেন্ডারে ডিফল্ট মান এবং পাঠ্য বাক্সে মান ব্যবহার করবে তা দেখায়। এটি পূর্বের তারিখে ডিফল্ট মান কীভাবে সেট করতে হয় তাও দেখায়।

সিলেক্টডেট আরেকটি পরিবর্তনশীল যা ক্যালেন্ডার নিয়ন্ত্রণের বর্তমান নির্বাচিত তারিখ ধারণ করে

    var date = new Date();
    date.setDate(date.getDate() - 1);

    $("#datepicker").datepicker({
        dateFormat: "yy-mm-dd",
        defaultDate: date,
        onSelect: function () {
            selectedDate = $.datepicker.formatDate("yy-mm-dd", $(this).datepicker('getDate'));
        }
    });

    $("#datepicker").datepicker("setDate", date);

Answer 4

উল্লেখ্য যে ডেথপিকারের দ্বারা কীথ উড ( http://keith-wood.name/datepickRef.html ) লিখেছেন নিম্নলিখিত রচনাগুলি - নোট করুন যে ডিফল্ট তারিখের সেটিংটি সর্বশেষ:

    $('#datepicker').datepick({
        minDate: 0,
        maxDate: '+145D',
        multiSelect: 7,
        renderer: $.datepick.themeRollerRenderer,
        ***defaultDate: new Date('1 January 2008')***
    });

Answer 5

কোনও কারণে, কিছু ক্ষেত্রে আমি সেটডেটের কাজটি করতে পারি না।

আমি খুঁজে পাওয়া একটি কার্যকারিতা হ'ল প্রদত্ত ইনপুটটির মান বৈশিষ্ট্যটি কেবল আপডেট করা। অবশ্যই ডেটপিকারটি নিজে আপডেট করা হবে না তবে আপনি যা সন্ধান করছেন তা যদি তারিখটি প্রদর্শন করা হয় তবে তা ঠিক কাজ করে।

var date = new Date(2008,9,3);
$("#your-input").val(date.getMonth()+"/"+date.getDate()+"/"+date.getFullYear());
// Will display 9/3/2008 in your #your-input input

Comments

কয়েক মাসের জন্য একটি অফ রয়েছে, সুতরাং আপনার প্রয়োজন (তারিখ.সেটমোনথ () + 1)

— অ্যাডাম

প্রাথমিক বিকল্পগুলিতে সেট করা থাকলে সেটডেট কাজ করে না, আমি এটি পরে .datepicker ('সেটডেট', ...) দিয়ে চেইন করেছি

— মার্টিইনওয়ার্ড 14

Answer 6

$('.date-pick').datePicker().val(new Date()).trigger('change')

অবশেষে, আমি কি শেষ কয়েক ঘন্টা জন্য তাকান! আমার কেবল পাঠ্য ক্ষেত্রে সেটআপের তারিখ নয়, পরিবর্তনগুলি শুরু করা দরকার!

Comments

এটি হওয়া উচিত .datepicker()নয়.datePicker()

— আরসলান তাবাসসাম

Answer 7

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

 $("#datepickerid").datepicker("setDate", "0");

আপনি যদি বর্তমান তারিখের আগে / পরে কিছু দিন সেট করতে চান তবে -/+নীচে আপনি কত দিন চান তার প্রতীক চিহ্নটি ব্যবহার করুন ।

 $("#datepickerid").datepicker("setDate", "-7");
 $("#datepickerid").datepicker("setDate", "+5");

Answer 8

সেটডেটটি কেবল jquery UI- এ ব্যবহৃত একটি ইনলাইন ডেটপিকারের সমস্যা বলে মনে হচ্ছে, নির্দিষ্ট ত্রুটিটি হ'ল অভ্যন্তরীণ ত্রুটি: অত্যধিক পুনরাবৃত্তি।

Answer 9

এটি আমার পক্ষে কাজ করে:

$("#dateselector").datepicker("option", "defaultDate", new Date(2008,9,3));

Answer 10

এইচটিএমএল এ আপনি একটি ডেট পিকারের সাথে আপনার ইনপুট ক্ষেত্রটি যুক্ত করতে পারেন

<input class="form-control date-picker fromDates" id="myDate" type="text">

এবং তারপরে জাভা স্ক্রিপ্টে, আপনার ডেটপিকারটি আরম্ভ করুন এবং আপনার মানটিকে এই তারিখটিতে সেট করুন,

$('.fromDates').datepicker({
                maxDate: '0',
                dateFormat: "dd/mm/yy",
                changeYear: true,
                changeMonth: true,
                yearRange: "-100:+0"
            });

var myDateVal = moment('${value}').format('DD/MM/YYYY');
$('#myDate').datepicker().datepicker('setDate', myDateVal );

(এখানে পূর্বের গুণাবলী বর্তমান তারিখের পূর্ববর্তী তারিখগুলি দেখায়)

Answer 11

var dt = new Date();
var renewal = moment(dt).add(1,'year').format('YYYY-MM-DD');
// moment().add(number, period)
// moment().subtract(number, period)
// period : year, days, hours, months, week...

Comments

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

— ফ্লফিকিটেন

Answer 12

সেটডেট পদ্ধতিটি নিয়েও আমার অনেক সমস্যা হয়েছিল। মনে হয় কেবল v1 এ কাজ করবে। তবে কী কাজ করছে বলে মনে হচ্ছে তা ডিপিসেটসলেক্টেড পদ্ধতিটি ব্যবহার করছে:

    $("#dateselector").dpSetSelected(new Date(2010, 0, 26).asString());

শুভকামনা!

Answer 13

অথবা আপনি সহজভাবে করতে পারেন

$('.date-pick').datePicker().val(new Date()).trigger('change')

Comments

এটা করা উচিত .datepicker()নয় .datePicker()।

— ফ্লোরিন ফ্রিটিক