close

1  

1.先下載jqueryDate.zip

2.解壓縮到網站內,會有三個資料夾。

2  

css內的檔案,是可以修改顏色。

calendar-blue.css 藍色

calendar-brown.css 咖啡色

JS內的檔案是所需的JavaScript檔案。

jquery.dynDateTime.js、jquery.dynDateTime.pack.js、jquery.js

lang是語系,通常是用calendar-utf8.js,使用的是UTF-8語系。

請把下面語法放到網頁的<head>...</head>之間,請先拷到「記事本」,再拷到網頁,可以避免亂碼。

<link rel="stylesheet" type="text/css" media="all" href="css/calendar-blue2.css"  />
 <script type="text/javascript" src="JS/jquery.js"></script>
 <script type="text/javascript" src="JS/jquery.dynDateTime.js"></script>
 <script type="text/javascript" src="lang/calendar-utf8.js"></script>
 <script type="text/javascript">
$(document).ready(function() {
   $("#workin").dynDateTime({
    ifFormat:"%Y-%m-%d"
   });
});
    </script>

語法說明:

<link rel="stylesheet" type="text/css" media="all" href="css/calendar-blue2.css"  />  連結到css/calendar-blue2.css,這是藍色的日期選擇器
 <script type="text/javascript" src="JS/jquery.js"></script>  連結到jquery.js檔案,這是必要的
 <script type="text/javascript" src="JS/jquery.dynDateTime.js"></script>  連結到jquery.dynDateTime.js檔案,這是必要的
 <script type="text/javascript" src="lang/calendar-utf8.js"></script> 連結到jquery.dynDateTime.js檔案,這是語系檔
<script type="text/javascript">
$(document).ready(function() {
   $("#workin").dynDateTime({     #workin是要使用日期選擇器的表單欄位id,可以有多個
    ifFormat:"%Y-%m-%d" 
   });
   $("#workout").dynDateTime({
    ifFormat:"%Y-%m-%d"
   });
});
    </script>

arrow
arrow
    創作者介紹
    創作者 css6 的頭像
    css6

    美奇電腦

    css6 發表在 痞客邦 留言(0) 人氣()