[jqgrid] datepicker customizing : add unlimit button

funtion : you can select unlimited date from calendar ( 9999-12-31)

1. make unlimited button generation function

function unlimited_datepicker(input){
  setTimeout( function() {
    var btn = $('<button class="ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all" type="button">Unlimit');
    btn.unbind("click").bind("click" , function(){
      $(input).val("9999.12.31");
      $(input).datepicker("hide");
    });
    btn.appendTo( $(input).datepicker("widget").find(".ui-datepicker-buttonpane"));
  }, 1);
}

2. add datepicker option

$("#dtExpiration").datepicker({ showButtonPanel: true,
   beforeShow: unlimited_datepicker, onChangeMonthYear: unlimited_datepicker
});

3. define html input

<input id="dtExpiration" type="text" name="dtExpiration" />

Advertisements

태그: , , ,

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중


%d 블로거가 이것을 좋아합니다: