以下為本站文章分類清單

 


中文版(簡體)說明

以下為本站側欄內容

以下為本頁本文內容

JavaScript 日曆

1/18 10' icon

JavaScript 日曆,隨便 Google 一下,總有個十個八個,例如這裡,就幫使用者網羅了不少作品,有免費的,也有商業版的。

這幾年各式 Javascript API/Library 多了,日曆也幾乎是標準配備,像 YUI 2 : Calendar jQuery DatepickermooTools Calendar 等。這些作品都相當方便好用。不過我個人偏愛的是由 HTMLArea 作者 Mishoo 所提供的 JSCalendar 。目前的版本別是第二代的 1.7 版。固定式的外觀看起來像是:

選取式的操作則像:

使用起來也相當方便,首先,到官網下載最新版本。

解開壓縮檔,預設的文件夾名稱是 JSCal2-1.7。文件夾結構如下:

jscalendar files

步驟一:連結必要檔案

jscal2.js 是主要程式檔,而 b5.js 則是語系檔,官網下載的壓縮包中沒有附上正體中文版,我改了一個,可以按這裡下載(UTF-8BIG5 )。基本的 CSS 樣式則為 jscal2.css,有了這三個檔案,基本就也就可以使用了。

如果你想美化一點,可以加入圓角設定,以及套用不同面板,在檔案結構中 CSS 目錄下,除了 img 文件夾是存放圖檔以外,每個資料夾都有一份樣式,加入連結即可,例如:

觸發式設計

常用設定是:

更多使用說明,請參考官網。更多範例,請按此

固定式設計

固定式設計指直接畫面上呈現日曆,而不是經由觸發啟動,設計方式略有不同,如下:

注意指定 cont 用來存放日曆,其餘設定同觸發式。

Javascript Calendar
官網:http://www.dynarch.com/projects/calendar/
下載:http://www.dynarch.com/projects/calendar/download/
正體中文語系檔:UTF-8BIG5
API 說明:http://www.dynarch.com/projects/calendar/doc/
更 多範例:請按此

 

 

以下為文章回應區

同意轉載,不過麻煩看一下轉載需知

lun   2010/7/29 下午 05:04:00

阿~有讀取到!是放到資料庫裡面
只出現2010

lun   2010/7/29 下午 05:02:00

不好意思~請問一下
我用選取式的方式產生2010年07月21日,(三)
之後post到下個頁面,卻只有讀到2010
是什麼原因呢?

chunwei   2010/7/21 下午 04:35:00

感謝分享,測試OK,正在使用中!!!

To: 小P

請把
"<script type="text/javascript" src="/JSCal2-1.7/src/js/jscal2.js"></script>"
引入JS的相對路徑"/JSCal2-1.7/src/js/jscal2.js"最前面的"/"去掉,或加上一個"."

小P   2010/6/30 上午 11:44:00

版大你好
我用你上述的方式做
怎麼都會出現"Calendar 未被定義"的錯誤訊息呢?

這要從那裏著手呢?

卜維丰   2010/6/20 下午 06:24:00

小 P, 純 client 的東西, 不分 PHP 或其他

小P   2010/6/19 下午 04:40:00

版大你好
我用你上述的方式做
怎麼都會出現"Calendar 未被定義"的錯誤訊息呢?

這要從那裏著手呢?


小P   2010/6/19 下午 02:04:00

版大請問一下,這支月曆程式可以在PHP底下跑嗎?

lulu   2010/3/13 下午 10:36:00

謝謝分享...

divider

給個回應
姓名:
佈落格網址:
  如果您是要發問問題, 最好有個問題測試的網址, 這樣比較容易找到您問題所在, 謝謝
內容: