ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [JQUERY] CALENDAR 달력 달기
    카테고리 없음 2012. 10. 11. 12:27

    {* カレンダー表示に使用 *}

    <link href="{$url_sec}css/calendar/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" media="screen,print" />

    <script type="text/javascript" src="{$url_sec}js/calendar/jquery-1.5.1.min.js"></script>

    <script type="text/javascript" src="{$url_sec}js/calendar/jquery-ui-1.8.13.custom.min.js"></script>


    <script type="text/javascript">

    {literal}

    $(function() {

    var today = getToday();

    $("#datepicker1").datepicker({

    changeYear: true, 

    changeMonth: true, 

    showButtonPanel: true,

    dateFormat: "yy/mm/dd",

    yearRange: "1996:2012"

    });

    $("#datepicker2").datepicker({

    changeYear: true,

    changeMonth: true, 

    dateFormat: "yy/mm/dd",

    yearRange: "1996:2012"

    });

    $("#ui-datepicker-div").attr('style', 'font-size: 70.0%;');

    function getToday() {

    var t = new Date();

    var y = t.getFullYear(),

    m = t.getMonth()+1,

    d = t.getDate();

    if (y<2000) {y+=1900;}

    if (m<10) {m="0"+m;}

    return y+"-"+m+"-"+d;

    }

    });

    {/literal}

    </script>







    <div>

    <label>期間:</label>

    <input type="text" name="start_date" id ="datepicker1" size="12" />

    <span>~</span>

    <input type="text" name="end_date" id ="datepicker2" size="12" />

    </div>




Designed by Tistory.