jquery ui에서 datepicker 사용할 때, input 뒤에 달력 이미지 넣는 부분

        jQuery("#sdt,#edt").datepicker({
            showMonthAfterYear:true,
            showOn:"button",
            buttonImage:"/common/tbl_st_ca.jpg",
            buttonImageOnly:true,
            dateFormat:'yy-mm-dd',
            nextText:'다음 달',
            prevText:'이전 달',
            dayNamesMin:['일','월','화','수','목','금','토'],
            monthNamesShort:['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월']
        });

사용법 : 아래는 사용법의 일례입니다. 생각보다 많은 옵션을 제공 하고 있습니다. document site 에서 꼭 확인하세요.

<!-- jquery-ui resource embed start -->

<link  href="resources/jqueryui/css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet">
<script src="resources/jqueryui/js/jquery-ui-1.8.16.custom.min.js"></script>

<!-- jquery-ui resource embed end -->
 

$(function() {
        $("#startDate").datepicker(   // inputbox 의 id 가 startDate 이겠죠.
                {dateFormat:'yy/mm/dd' // 만약 2011년 4월 29일 선택하면  inputbox 에 '2011/04/29' 로표시
                 , showOn: 'button' // 우측에 달력 icon 을 보인다.
                 , buttonImage: '/images/Icon_calendar.gif'  // 우측 달력 icon 의 이미지 패스 
                 , buttonImageOnly: true //  inputbox 뒤에 달력icon만 표시한다. ('...' 표시생략)
                 , changeMonth: true // 월선택 select box 표시 (기본은 false)
                 ,changeYear: true  // 년선택 selectbox 표시 (기본은 false)
                 ,showButtonPanel: true // 하단 today, done  버튼기능 추가 표시 (기본은 false)
               });

        $("#endDate").datepicker({dateFormat:'yy/mm/dd',showOn: 'button'
                , buttonImage: '/images/Icon_calendar.gif', buttonImageOnly: true
                , changeMonth: true,changeYear: true,showButtonPanel: true});

    });
    
    $('img.ui-datepicker-trigger').attr('align', 'absmiddle'); // css 문제가 있는경우 일부 위치 조절 :)

Twproject Gantt: JavaScript component for creating Gantts

Twproject Gantt is a JavaScript component for Gantts and other charts, like task trees, built on jQuery. It offers in-place editing, zooming, data shortcuts, CSS skinning, and much more.

jQuery로 간트 차트 만들기

jQueryGantt

jQuery Gantt editor has been written by Roberto Bicchierai and Silvia Chelazzi

These are some key features:

• jquery based
• MIT licensed: you can reuse everywhere
• json import-export
• internationalizable
• manage task status –> project workflow
• manage dependecies
• manage assignements (resources, roles efforts)
• server synchronization ready
• full undo-redo support
• cross browser (at least for recent versions)
• keyboard editing support
• SVG visual editor
• print friendly

Try the online working demo here: http://gantt.twproject.com

Read here about latest release: http://roberto.open-lab.com/2014/04/10/jquery-gantt-editor-svg-and-critical-path/

Read the genesis of this component here: http://roberto.open-lab.com/2012/06/14/the-javascript-gantt-odyssey/

Documentation is here: http://roberto.open-lab.com/2012/08/24/jquery-gantt-editor/

jQuery Gantt editor is part of Twproject 5 project

성공한 제자들은 항상 걸음이 빠르다. 즉, 부지런하다.
그들은 언제나 앞자리에 앉는다. 그만큼 적극적이고 진취적이다.
또 그들은 늘 시선을 집중시킨다.
그들은 항상 웃는 얼굴이고, 모든 일에 긍정적이다.
- 미국 남가주대 심리학과 골드 교수

공부 잘하는 학생, 일 잘하는 직장인, 성공하는 리더들은
그들 나름의 분명한 특성이 있습니다.
무작정 열심히만 해서는 결코
성공의 대열에 합류할 수 없습니다.
나만의 공부 잘하는 법, 일 잘하는 법,
성공하는 리더십 스타일을 먼저 정의하고,
그것과 현재 나의 갭을 확인한 후 그 갭을 좁혀 나가야만
나도 성공의 대열에 합류할 수 있습니다.

가장 중요한 것을 빠뜨렸다