1.先下載jqueryDate.zip
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>