2012年4月10日 星期二

{JQuery} datepicker日期元件使用

//控制項的class 設定為"datepicker"
<script>
$('.datepicker').datepicker({ dateFormat: 'yy/mm/dd' ,

changeMonth: true, //是否可選擇月份
changeYear: true,   //是否可選擇年份
yearRange: '-90:+0', //顯示可選年份的Range
defaultDate: (new Date()),//日曆預設選擇日期--當天
maxDate: new Date()//最大可選擇日期
minDate: (new Date())//最小可選日期

});
</script>


jquery版本1.6.2


使DatePicker對應的Text 為Read only
$("#text").keypress(function (e) {
            e.preventDefault();
        });

週休二日不可選(內鍵函數)
$('#text').datepicker({ beforeShowDay: $.datepicker.noWeekends });

參數參考:
http://www.dotblogs.com.tw/cloudio/archive/2008/08/08/4840.aspx
http://www.cnblogs.com/lf6112/archive/2011/05/19/2051126.html
http://my-web-design.blogspot.tw/2010/10/jquery-ui-datepicker.htm
http://stackoverflow.com/questions/2771137/jquery-date-picker-where-text-input-is-read-only
http://www.itstrike.cn/Question/51bf073c-ef71-43cb-a6ce-e09ec3bc24da.html