2016-12-05 33 views
1

자바 스크립트 (JQuery 없음) Pikaday 날짜 선택기를 수정하여 캘린더 위의 헤더 영역에 선택한 날짜를 표시하려고합니다. Pikaday Plugin에서 선택한 날짜를 Plugin 내에서 반환 하시겠습니까?

내가 헤더 영역의 HTML을 렌더링하기 위해 새로운 기능을 만든이 작업을 수행하려면이 잘 작동

renderHeading = function(instance, c, year, month, days) 
{ 
     var opts = instance._o; 
     var html = '<div class="pika-heading">'; 
     html += '<h3 class="pika-heading-year">' + year + '</h3>'; 
     html += '<h1 class="pika-heading-date">' + opts.i18n.weekdaysShort[day] + ', ' + opts.i18n.monthsShort[month] + '</h1>'; 
     return html += '</div>'; 
}, 

- 그것은 월과 연도를 표시합니다.

그러나 선택한 날짜 수를 표시하는 방법을 알아낼 수 없습니다. 내 목표는 '2016 년 12 월 1 일 1 월'과 같은 내용을 표시하는 것이지만 '월'과 '1'을 표시 할 수 없습니다.

내가 할 수 있었던 가장

만들 경우 : GETDATE 기능에

window.setDateProperty = this._o.field.value; 

을하고 내 HTML의 렌더링 기능을 반환하지만,이 클릭 한 후이 단지 작품과는 지저분한 것 같다.

날짜 문자열을 플러그인의 일부로 반환하는 올바른 방법을 알고 계실까요?

var dayOfWeek = instance.getDate().getDay(); 

내 전체 코드 :

instance.getDate() 

거기에서 내가 필요한 정보, 예를 얻을 수 Date.parse의 방법을 사용할 수 있습니다

답변

0

OK, 나는 다음을 사용하여 그것을 가지고 것을 발견 :

renderHeading = function(instance, c, year, month, days) 
{ 

    var dayOfMonth = instance.getDate().getDate(), 
    dayOfWeek = instance.getDate().getDay(), 
    opts = instance._o, 
    html = '<div class="pika-heading">'; 
    html += '<h3 class="pika-heading-year">' + year + '</h3>'; 
    html += '<h1 class="pika-heading-date">' + opts.i18n.weekdaysShort[dayOfWeek] + ', ' + dayOfMonth +', ' + opts.i18n.monthsShort[month] + '</h1>'; 
    return html += '</div>'; 
},