2010-06-03 11 views
1

나는 jQuery datepicker를 작동시키지 만, 단지 날짜 이상을 선택할 수 있어야합니다. 정확하기 위해서는 "어제"와 "오늘"같은 문자열을 선택할 수 있어야합니다. 따라서 기본 입력에는 "어제"또는 "오늘"이라는 문자열뿐만 아니라 모든 날짜가 포함될 수 있습니다.jQuery UI datepicker 사용자 정의

기존 jQuery UI datepicker를 조정하여이 작업을 수행 할 수있는 방법이 있습니까?

답변

1

궁극적으로 나는 클릭 할 때 캡처하고, 오늘 또는 어제를 선택하면 실제 날짜가 아니라 단어를 넣습니다.

$('.DatePicker').datepicker({ 
    showOn: 'button', 
    buttonImage: 'images/cal/cal.jpg', 
    buttonImageOnly: true, 
    changeMonth: true, 
    changeYear: true, 
    onSelect: function(dateText, inst) { 
     var $this = $(this); 
     var selected = new Date($this.val()); 
     var today = new Date();   
     var yesterday = new Date();    
     yesterday.setDate(today.getDate() - 1); 

     if (today.toDateString() == selected.toDateString()) {// TODAY 
      $this.val('Today'); 
     } else if (yesterday.toDateString() == selected.toDateString()) {// YESTERDAY 
      $this.val('Yesterday'); 
     } 
    } 
}); 

컨트롤 맨 아래에 몇 개의 단추를 추가하는 것이 좋겠지 만 ... 이렇게하면됩니다.