'Jquery'에 해당되는 글 2건

  1. 2009.03.23 jquery ajax get post 호출하기
  2. 2009.03.05 jquery datepicker 사용 1
posted by 준치 2009. 3. 23. 11:15
$라가 별도로 하나씩..보기가 힘들꺼 같아서..ㅎㅎ

get방식
$.get("test.php");
$.get("test.php", { name: "John", time: "2pm" } );
$.get("test.php", { 'choices[]': ["Jon", "Susan"]} );
$.get("test.php", function(data){
  alert("Data Loaded: " + data);
});

post방식
$.post("test.php");
$.post("test.php", function(data){
  alert("Data Loaded: " + data);
});
$.post("test.aspx", { name: "John", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  });
$.post("test.aspx", { name: "John", time: "2pm" },
  function(data){
    process(data);
  }, "xml");

ajax 호출
 $.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

사용해 봤는데 data가 파라미터로 안넘어가서 그냥 url에다가 넣었네요..ㅎㅎㅎ
아직 초보라...ㅋㅋ
posted by 준치 2009. 3. 5. 13:24

우선 추가할 script
jquery-1.3.1.js
jquery-ui-personalized-1.6rc6.js
jquery.datepick-ko.js

추가할 css
ui.all.css
ui.all.css 안에는 다른 css파일을 import되어있기 때문에 다른 css도 다운받아야함.

$(function() {
    $('#StartDayField').datepicker(
   {
       showOn: 'both',
       buttonImage: '/_layouts/images/calendar.gif',
       buttonImageOnly: true,
       dateFormat: 'yy-mm-dd',
       beforeShow: customRange
   });

 $('#EndDayField').datepicker(
   {
       showOn: 'both',
       buttonImage: '/_layouts/images/calendar.gif',
       buttonImageOnly: true,
       dateFormat: 'yy-mm-dd',
       beforeShow: customRange
   });
});

function customRange(input) {
    return {   
        minDate: (input.id == "EndDayField" ? $('#StartDayField').datepicker('getDate') : null),
        maxDate: (input.id == "StartDayField" ? $('#EndDayField').datepicker('getDate') : null)
    };
}
input box 두개를 만들고 시작날짜의 id 는 StartDayField 마지막날짜를 EndDayField 로 한다.


이런식으로 나오게 되는데 좋은 기능?은 시작날짜 선택했을때 마지막날짜가 시작날짜보다 앞을
선택할수 없게 코딩할 필요없이 datepicker에서 구분해준다. 마지막 날짜도 마찬가지로 됨.