在很多網站，月曆是一個必要的組成部分。通常這些月曆是jquery的一個插件，但是也可以用php來實作。今天我将使用ajax技術展示一個月份的月曆，可以通過左右箭頭切換月份。由于是ajax,這個月曆還有其他的優點，它是一個響應式的移動月曆。在開始編寫代碼之前，我建議你先看看我們的demo.
檔案結構：
在開始之前，讓我們先為我們的檔案定義一個清晰的檔案夾結構：
css-存放所有的css檔案
images-存放所有可能用到的圖檔
templates-存放所有的模闆檔案 ### 第一步 編寫html檔案 ###
我們不使用任何特定的系統模闆（如smarty），我們将隻使用我們自己寫的一個簡單的html模闆。
templates/index.html
這個一個非常簡單的index頁面模闆，我們在這定義了一個月曆的父容器。另一個模闆将會被用作月曆的内部容器。
templates/celendar.html
這是因為對于ajax的請求，我們不需要傳回任何東西，除了内部的月曆内容。
給月曆添加行為
index.php
我盡量為每行代碼都加上了注釋，目的是為了讓你更加容易了解整個處理過程。開始我們建立了月曆相關的目前日期很請求日期。然後我們生成月曆表格，最後我們将模闆的關鍵字替換掉。在ajax請求時，我們隻翻譯月曆内部的内容($scalendaritself)，否則我們将顯示整個頁面。
現在，我們的月曆看起來不那麼美觀，因為隻有html代碼。讓我們裝飾一下我們的月曆吧！
css/style.css
這裡隻要使用一個很小的導航圖檔就行了
這就是今天的所有内容，我們隻是準備了響應式風格的月曆。感謝你耐心看完本文，如果你喜歡的話，請使用下面的社交工具将它分享給你的朋友吧！