My97 DatePicker是一個功能強大的日歷插件，它自帶了兩種皮膚，但有時候我們可能需要使用其他自定義的皮膚。本文將介紹如何通過一個實例來切換My97 DatePicker的皮膚。 步驟一：引

My97 DatePicker是一個功能強大的日歷插件，它自帶了兩種皮膚，但有時候我們可能需要使用其他自定義的皮膚。本文將介紹如何通過一個實例來切換My97 DatePicker的皮膚。

步驟一：引入相關文件

首先，我們需要創(chuàng)建一個名為的靜態(tài)頁面，并在頁面中引入My97 DatePicker相關的JS文件和jQuery文件。在引入這些文件時，要注意它們的先后順序，示例如下：

lt;!DOCTYPE htmlgt;
lt;htmlgt;
lt;headgt;
    lt;titlegt;切換DatePicker皮膚lt;/titlegt;
    lt;script src"jquery.js"gt;lt;/scriptgt;
    lt;script src"WdatePicker.js"gt;lt;/scriptgt;
lt;/headgt;
lt;bodygt;
    lt;!-- 這里插入代碼 --gt;
lt;/bodygt;
lt;/htmlgt;

步驟二：插入DatePicker元素

接下來，在頁面的主體代碼中插入一個div標簽，并在該div內部插入一個input輸入框。給div標簽一個id，同時給input設置class屬性。示例如下：

lt;div id"datepicker"gt;
    lt;input type"text" class"Wdate" /gt;
lt;/divgt;

步驟三：預覽默認皮膚

現(xiàn)在，我們可以預覽這個靜態(tài)頁面，此時我們可以看到DatePicker的默認皮膚。示例如下：

步驟四：修改皮膚

我們可以在WdatePicker的onclick事件中添加一個skin屬性，來修改DatePicker的皮膚。示例如下：

onclick"WdatePicker({skin:'whyGreen'})"

在以上代碼中，我們將皮膚改為了whyGreen。再次預覽頁面，我們會發(fā)現(xiàn)DatePicker的皮膚已經(jīng)從默認換成了綠色的皮膚。示例如下：

步驟五：下載自定義皮膚

如果你想使用其他自定義的皮膚，而不是My97 DatePicker自帶的皮膚，當你嘗試切換到該皮膚時，可能會遇到錯誤提示。這是因為你需要去官網(wǎng)上下載相應的皮膚文件。

通過以下步驟來下載自定義皮膚：

1. 訪問My97 DatePicker官方網(wǎng)站。
2. 找到并下載你喜歡的皮膚文件。
3. 將下載的皮膚文件保存到你的項目中。

完成以上步驟后，你就可以成功切換到自定義的皮膚了。