আমি কীভাবে jQuery UI ডেটপিকার ক্যালেন্ডারে নির্বাচিত তারিখগুলি সাফ / পুনরায় সেট করব?

Question 1

আমি কীভাবে তারিখ-পিকার ক্যালেন্ডার মানগুলি পুনরায় সেট করব? .. সর্বনিম্ন এবং সর্বাধিক তারিখের সীমাবদ্ধতা?

সমস্যাটি হ'ল আমি যখন তারিখগুলি সাফ করি (পাঠ্যবক্স মানগুলি মুছে ফেলে), তখনও পূর্ববর্তী তারিখের সীমাবদ্ধতাগুলি প্রয়োগ করা হয়।

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

http://jsfiddle.net/CoryDanielson/tF5MH/

সমাধান:

// from & to input textboxes with datepicker enabled
var dates = $("input[id$='dpFrom'], input[id$='dpTo']");

// #clearDates is a button to clear the datepickers
$('#clearDates').on('click', function(){
    dates.attr('value', '');
    dates.each(function(){
        $.datepicker._clearDate(this);
    });
});

_.clearDate () ডেটপিকারের অবজেক্টের একটি ব্যক্তিগত পদ্ধতি। আপনি jQuery UI এর ওয়েবসাইটে পাবলিক এপিআইতে এটি পাবেন না, তবে এটি একটি কবজির মতো কাজ করে।

Question 2

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

আপনি কেবল পঠন ক্ষেত্রগুলিতেও পরিষ্কার বৈশিষ্ট্য যুক্ত করতে পারেন। আপনার ডেটপিকারে কেবল নিম্নলিখিত কোডটি যুক্ত করুন:

}).keyup(function(e) {
    if(e.keyCode == 8 || e.keyCode == 46) {
        $.datepicker._clearDate(this);
    }
});

লোকেরা হাইলাইট করতে সক্ষম হবে (এমনকি কেবল পঠনযোগ্য ক্ষেত্রগুলি) এবং তারপরে _clearDateফাংশন ব্যবহার করে তারিখটি সরাতে ব্যাক স্পেস বা কী মুছুন key

উৎস

Question 3

তুমি কি চেষ্টা করেছিলে:

$('selector').datepicker('setDate', null);

এপিআই ডকুমেন্টেশন অনুযায়ী কাজ করা উচিত

Question 4

আপনার কেবল অপশনগুলি বাতিল করতে আবার সেট করতে হবে:

dates.datepicker( "option" , {
    minDate: null,
    maxDate: null} );

আমি আপনার jsfiddle পরিবর্তন করেছি: http://jsfiddle.net/tF5MH/9/

Question 5

$('.date').datepicker('setDate', null);

Question 6

ক্লিয়ারিং কোডটি এতে পরিবর্তন করার চেষ্টা করুন:

$('#clearDates').on('click', function(){
    dates.attr('value', '');
    $("input[id$='dpFrom'], input[id$='dpTo']").datepicker( "option", "maxDate", null );
    $("input[id$='dpFrom'], input[id$='dpTo']").datepicker( "option", "minDate", null );
});

Question 7

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

$("#DateField").datepicker({
    showButtonPanel: true,
    closeText: 'Clear',
         onClose: function (dateText, inst) {
        if ($(window.event.srcElement).hasClass('ui-datepicker-close'))
        {
            document.getElementById(this.id).value = '';
        }
    }
});

Question 8

আপনি সাফ ক্লিক করার পরে আপনার ডেটপিকারে সর্বাধিক তারিখের বৈশিষ্ট্যগুলি পুনরায় সেট করুন।

Jquery ওয়েবসাইট থেকে

Get or set the maxDate option, after init.

    //getter
    var maxDate = $( ".selector" ).datepicker( "option", "maxDate" );
    //setter
    $( ".selector" ).datepicker( "option", "maxDate", '+1m +1w' );

Question 9

আমি জানি কিছুটা দেরি হয়ে গেছে, তবে এখানে কোডের একটি সহজ শান্তি যা এটি আমার জন্য করেছিল:

$('#datepicker-input').val('').datepicker("refresh");

Question 10

সুস্পষ্ট উত্তরটি আমার পক্ষে কাজ করেছিল।

$('#datepicker').val('');

যেখানে $ ('# ডেটপিকার') ইনপুট উপাদানটির আইডি।

Question 11

আইই 8-তে কোনও "পেজ ব্যাক" শর্টকাট হওয়ায় ব্যাকস্পেস কী হিসাবে অ্যাকাউন্টে নিবন্ধ করার জন্য লেনিয়াল ম্যাকফেরির সমাধানের একটি পরিবর্তিত সংস্করণ যখন কোনও পাঠ্য ক্ষেত্রে ফোকাস না থাকে (যা ডেটপিকারটি খোলা থাকে তখন এটি প্রদর্শিত হয়)।

এটি val()ক্ষেত্রটি সাফ করার জন্যও ব্যবহার করে যেহেতু _clearDate(this)আমার পক্ষে কাজ করে না।

$("#clearDates").datepicker().keyup(function (e) {
    // allow delete key (46) to clear the field
    if (e.keyCode == 46)
        $(this).val("");

    // backspace key (8) causes 'page back' in IE8 when text field
    // does not have focus, Bad IE!!
    if (e.keyCode == 8)
        e.stopPropagation();
});

Question 12

আমার ডেটপিকারের সূচনাটি দেখে মনে হচ্ছে:

    dateOptions = {
                changeYear: true,
                changeMonth: true,
                dateFormat: 'dd/mm/yy',
                showButtonPanel: true,
                closeText: 'Clear',
            };

সুতরাং, ডিফল্ট 'সম্পন্ন' বোতামটির 'সাফ' পাঠ্য থাকবে।

এখন, তারিখপিকার.জেজে অভ্যন্তরীণ ফাংশনটি খুঁজে পেয়েছে '_ট্যাচহ্যান্ডার্স' দেখে মনে হচ্ছে:

 _attachHandlers: function (inst) {
            var stepMonths = this._get(inst, "stepMonths"),
                id = "#" + inst.id.replace(/\\\\/g, "\\");
            inst.dpDiv.find("[data-handler]").map(function () {
                var handler = {
                    prev: function () {...},
                    next: function () {...},
                    hide: function () {
                        $.datepicker._hideDatepicker();
                    },
                    today: function () {...}
                    ...

এবং লুকানোর ফাংশনটি দেখতে দেখতে পরিবর্তন করুন :

                   ...
                   hide: function () {
                        $.datepicker._clearDate(id);
                        $.datepicker._hideDatepicker();
                    },
                    ...

সমাধানটি এই * ডেটা-হ্যান্ডলার = "লুকান" * থেকে এসেছে

Question 13

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

jQuery.datepicker._clearDate(window.firstDay);
window.firstDay.datepicker('setDate',null);
window.firstDay[0].value = '';

কোনও কারণে .val('')আমার পক্ষে কাজ করবে না। তবে jQuery বাইপাস করে তা করেছে। আমার মতে এটি একটি ত্রুটি যে কোনও .datepicker ('পরিষ্কার') বিকল্প নেই।

Question 14

এই সমস্যাটি সমাধান করার আমার উপায়

Ui.js এ var 'নিয়ন্ত্রণ' পরিবর্তন করুন

controls = (!inst.inline ? "<button type='button' class='ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all' data-handler='hide' data-event='click'>" +
        this._get(inst, "closeText") + "</button>" + "<button type='button' class='ui-datepicker-close ui-datepicker-clear ui-state-default ui-priority-primary ui-corner-all' data-handler='hide' data-event='click'>" +
        this._get(inst, "clearText") + "</button>" : "");

তারপরে একটি ক্লিয়ারটেক্সট ভ্যার যুক্ত করুন

    this.regional[""] = { // Default regional settings
    closeText: "Done", // Display text for close link
    clearText: "Clear", // Display text for close link
    prevText: "Prev", // Display text for previous month link

এবং শো ফাংশন আগে

$(".i_date").datepicker
(
    {
        beforeShow: function (input, inst)
        {
            setTimeout
            (
                function () 
                { 
                    $('.ui-datepicker-clear').bind('click', function() { $(input).val(''); });
                }, 
                0
            );
        }
    }
);

Question 15

$("#datepicker").datepicker({            
        showButtonPanel: true,
        closeText: 'Clear', 
        onClose: function () {
            var event = arguments.callee.caller.caller.arguments[0];                
            if ($(event.delegateTarget).hasClass('ui-datepicker-close')) {
                $(this).val('');
            }
        }
    });

Question 16

ফায়ারফক্সে এটি আমার জন্য ফর্ম (প্রোগ্রাম্যাটিক) হিসাবে কাজ করে, যেখানে ডেটপিকার নিয়ন্ত্রণ ডিফল্টরূপে অক্ষম থাকে:

$("#txtDat2").prop('disabled', false); //temporary enable controls<br>
$("#txtDat2").val("YYYY-MM-DD"); //reset date to dd.mm.yyyyy
$("#txtDat2").prop('disabled', true); //back to default state

Question 17

দয়া করে এই সমাধানটি চেষ্টা করুন এটি চেষ্টা করার মতো এটি সঠিকভাবে কাজ করবে

$('selector').datepicker('setStartDate', 0);

 $('selector').datepicker('setEndDate', 0);
$('selector').datepicker('update');