apolkingg8 / JQueryDatePickerTW

JQuuery日曆民國版
12 stars 6 forks source link

jQuery DatepickerTW

基於jQueryUI的民國版datepicker套件

Getting Started

相依檔案

jQuery 1.6+

jQueryUI 1.10.3

套件檔案

JQueryDatePickerTW.js

使用方法

在jQuery及jQueryUI之後引入JQueryDatePickerTW.js

<head>
    <title>JQueryDatepickerTW Demo</title>
    <link rel="stylesheet" href="https://github.com/apolkingg8/JQueryDatePickerTW/blob/master/Lib/jquery-ui-1.10.3.custom.css">
    <script src="https://github.com/apolkingg8/JQueryDatePickerTW/raw/master/Lib/jquery-1.9.1.js"></script>
    <script src="https://github.com/apolkingg8/JQueryDatePickerTW/raw/master/Lib/jquery-ui-1.10.3.custom.js"></script>
    <script src="https://github.com/apolkingg8/JQueryDatePickerTW/raw/master/JQueryDatePickerTW.js"></script>
</head>

初始化方式與datepicker相同

<label>
    <input type="text" class="datepickerTW">
</label>
<script type="text/javascript">
    $('.datepickerTW').datepickerTW();
</script>

API Document

api使用方法皆與datepicker相同,參考http://api.jqueryui.com/datepicker/

yearRange使用民國或西元皆可(會把小於1911的年份都視為民國年)

$('.datepickerTW').datepickerTW({
    yearRange: '98:2003' // 民國98年到102年
});

在option中可使用負數代表民國前,ui及text上會把民國前的年份轉為西元顯示

Reporting an Issue

如果有發現任何的問題,請Mail給我,或是在Blog上留言

Mail: apolkingg8@gmail.com

Blog: BlogPost - jQueryDatePicker民國版

Update Notes

2014-02-04 修正defaultDate被yearRange蓋掉的問題(thanks leejulee)
2014-01-05 修正yearPrefix跟selectBox的bug
2014-01-05 更新民國前,修正單位數年份bug
2014-01-04 release 1.0

License

Copyright (c) 2014 apolkingg8 Licensed under the MIT license.