使用方式:

引用 css + js


<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>

在網頁內使用(使用 TextBox)


<script type="text/javascript">
$(function(){
// Datepicker

$.datepicker.regional['zh-TW'] = {
clearText: '清除', clearStatus: '清除已選日期',
closeText: '關閉', closeStatus: '取消選擇',
prevText: '<上一月', prevStatus: '顯示上個月',
nextText: '下一月>', nextStatus: '顯示下個月',
currentText: '今天', currentStatus: '顯示本月',
monthNames: ['一月','二月','三月','四月','五月','六月',
'七月','八月','九月','十月','十一月','十二月'],
monthNamesShort: ['一','二','三','四','五','六',
'七','八','九','十','十一','十二'],
monthStatus: '選擇月份', yearStatus: '選擇年份',
weekHeader: '周', weekStatus: '',
dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
dayNamesMin: ['日','一','二','三','四','五','六'],
dayStatus: '設定每周第一天', dateStatus: '選擇 m月 d日, DD',
dateFormat: 'yy-mm-dd', firstDay: 1, 
initStatus: '請選擇日期', isRTL: false
};
$("#datepicker").datepicker();
$.datepicker.setDefaults($.datepicker.regional['zh-TW']);
});
</script>

<input id="datepicker" type="text">

arrow
arrow
    全站熱搜

    AwEi 發表在 痞客邦 留言(1) 人氣()