javascript 月曆 clean-calendar

剛剛在找簡單步驟就可以使用的js月曆

不過找半天沒有合用的
原本是找到jQuery UI裡的Datepicker
結果沒想到他下載後的demo是一堆UI合在一起的東西
要把單只是Datepicker的css分離出來好像要花一點時間
後來在作者的網站找到另一個很簡單的月曆
他沒有based on任何的framework
只要引入一個js檔就可以使用
當然也沒有什麼設定的選項
不過正好是我需要的
簡單的設計 單一取得日期的功能
所以就拿這個來用啦
我有小小改了一下
改成中文以及台灣比較常見的日期格式
打包下載

<script src="js/calendar.js" type="text/javascript" language="javascript"></script>
<link rel="stylesheet" type="text/css" href="style/calendar.css">
<input type="text" class="calendarSelectDate" />
<div id="calendarDiv"></div>

頁面寫成上面這樣就可以使用囉

 

按這裡看範例

 
 
本篇發表於 javascript 並標籤為 , 。將永久鏈結加入書籤。

javascript 月曆 clean-calendar 有 6 則回應

  1. kinne 說道:

    謝謝!很實用

  2. wallis 說道:

    超棒的,可是請問一下,要如何將語法貼在HTML記事本編輯,是不是要關聯檔案js ?感謝!!

  3. hsin 說道:

    不好意思我看不太懂你的問題
    請先下載"打包下載"這個連結
    裡面有html,js,css各一隻檔案
    用文字編輯器(像是記事本)打開html檔案
    就可以編輯囉
    js跟css則是注意路徑要對就好

  4. wallis 說道:

    恩~就是您說的js跟css路徑,不太知道怎麼設定,是需要把檔案存到哪個特定位置嗎?

  5. hsin 說道:

    下載好的檔案
    不用改就直接可以用
    js跟css可以直接讀得到
    也就是放在跟html同一個資料夾裡面

  6. wallis 說道:

    可以執行了~感謝您!!

發表迴響

您的電子郵件位址並不會被公開。 必要欄位標記為 *

*

您可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>