jQuery datepicker के शीर्षक में वर्तमान दिन दिखाएँ

Question

मैं jQuery datepicker की शीर्षक इस तरह में वर्तमान पूर्ण स्थिति कैसे दिखा सकते हैं:

05 July 2015 क्योंकि यह मेरे बस July 2015

Answer 1

मुझे ऐसा करने का एक गैर-हैकी तरीका नहीं मिला, लेकिन डिफ़ॉल्ट कॉन्फ़िगरेशन को वें बदलना ई पाठ आप यह तुम्हारे लिए क्या कर सकते हैं दिखाना चाहते हैं:

var defaults = { 
    monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ] 
}; 

var today = new Date(); 
var month = today.getMonth(); 
defaults.monthNames[month] = today.getDate() + ' ' + defaults.monthNames[month]; 

$.datepicker.setDefaults(defaults); 

यहाँ एक काम plnkr है: http://plnkr.co/edit/gfp95VOchd4fhQOktIL3?p=preview

Answer 2

दिखाने आप पर इस तरह के फ़ंक्शन का उपयोग कर सकते हैं

function showDateInTitle(picker) { 
    var span = picker.dpDiv[0].querySelector('.ui-datepicker-day'), 
     df, month; 
    if (span === null) { 
     month = picker.dpDiv[0].querySelector('.ui-datepicker-month'); 
     if (!month) return; 
     span = document.createElement('span'); 
     span.setAttribute('class', 'ui-datepicker-day'); 
     df = document.createDocumentFragment(); 
     df.appendChild(span); 
     df.appendChild(document.createTextNode('\u00a0')); 
     month.parentNode.insertBefore(
      df, 
      month 
     ); 
    } 
    span.textContent = picker.selectedDay; 
} 

,210

फिर भी datepicker के बाद से पहले चुनाव

---

आप उदाहरण

$(function() { 
    $.datepicker._updateDatepicker_original = $.datepicker._updateDatepicker; 
    $.datepicker._updateDatepicker = function(inst) { 
     $.datepicker._updateDatepicker_original(inst); 
     var afterShow = this._get(inst, 'afterShow'); 
     if (afterShow) 
      afterShow.apply((inst.input ? inst.input[0] : null), [inst]); 
    } 
}); 

प्राप्त करने के लिए एक मामूली संशोधन के साथ described here के रूप में एक afterShow लागू कर सकते हैं बना है दिखाए जाते समय हैंडलर के लिए एपीआई के माध्यम से देख

अब DEMO

Answer 3

यहाँ मेरी समाधान है, यह एक सरल jQuery समाधान है कि मौजूदा datepicker के दिन मूल्य संलग्न है विजेट।

$('#datepicker').click(function(){ 
    var $datePickerBox = $('#ui-datepicker-div'); 
    //var $datePickerBox = $(this).closest('.ui-datepicker.ui-widget'); 
    var $monthName = $datePickerBox.find('.ui-datepicker-month'); 
    var currentDay = ''; 
    if($(this).val().trim().length==0){ 
    currentDay = $datePickerBox.find('.ui-datepicker-today').text(); 
    } else { 
    currentDay = $datePickerBox.find('.ui-datepicker-current-day').text(); 
    } 
    $monthName.text(currentDay + " " + $monthName.text()); 
}); 

कोड कलम लिंक http://codepen.io/anon/pen/WvzKJo

Answer 4

आप हमेशा शीर्ष और नहीं चुनी गई तिथि में आज की तारीख को दिखाने के लिए, का उपयोग कर चाहते हैं @ Pauls। के कोड परिवर्तन

span.textContent = picker.selectedDay; 

को

span.textContent = new Date().getDate(); 

Demo