返回列表 發帖
hanmin888

Rank: 1

帖子
15 
主題
4 
精華
0 
積分
5 
威望
5  
金錢
0  
1# 跳轉到 »
發表於 2008-12-12 16:56 | 顯示全部帖子

請問一下使用方法

如題
我照著上述方式來做
但是卻沒有 那個小圖 可以點選
也就是只有 text 而已 ,沒有旁邊的小圖可以點出來選月曆
我的程式碼如下,請指正,謝謝.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<title>月曆測試</title>
<!--JavaScript-->
<script type="text/javascript" src="jquery.datePicker-2.1.1.js"></script>   
<script type="text/javascript" src="http://jqueryjs.googlecode.com/svn/trunk/plugins/datePicker/v2/demo/date.js"></script>   
<script type="text/javascript" src="jquery.datePicker.min-2.1.1.js"></script>
<script type="text/javascript">
$(function() {   
  Date.format = 'yyyy-mm-dd';   
  $('#date1').datePicker();   
}); 
</script>  
<!--JavaScript--> 
<!--CSS--> 
<link rel="stylesheet" type="text/css" href="datePicker.css" />
<style type="text/css">   
a.dp-choose-date {   
  float: left;   
  width: 16px;   
  height: 16px;   
  padding: 0;   
  margin: 5px 3px 0;   
  display: block;   
  text-indent: -2000px;   
  overflow: hidden;   
  background: url(date_16x16.gif) no-repeat;   
}   
a.dp-choose-date.dp-disabled {   
  background-position: 0 -20px;   
  cursor: default;   
}   
input.dp-applied {   
  width: 100px;   
  float: left;   
}   
</style>  
<!--CSS--> 
</head>
<body>
<input type="text" name="date" id="data1" class="date-pick">

</body>
</html>

TOP

hanmin888

Rank: 1

帖子
15 
主題
4 
精華
0 
積分
5 
威望
5  
金錢
0  
2#
發表於 2008-12-12 17:19 | 顯示全部帖子

我想我找到原因了

原因應該是 date1 打錯了...囧



[ 本帖最後由 hanmin888 於 2008-12-12 22:50 編輯 ]

TOP

hanmin888

Rank: 1

帖子
15 
主題
4 
精華
0 
積分
5 
威望
5  
金錢
0  
3#
發表於 2008-12-12 23:04 | 顯示全部帖子

還是不行


奇怪了, 還是不行耶...可能是js都沒載入吧...但又看不出哪裡錯..
這次我是照JQuery的官網demo試...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   
<html>   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">   
<title>月曆測試</title>   
<!--JavaScript-->   
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery.datePicker-2.1.1.js"> </script>
<script type="text/javascript" src="date.js"></script>      
<script type="text/javascript">   
$(function() {      
  Date.format = 'yyyy-mm-dd';      
  $('#date1').datePicker();      
});    
</script>     
<!--JavaScript-->    
<!--CSS-->    
<link rel="stylesheet" type="text/css" href="datePicker.css" />   
<style type="text/css">      
a.dp-choose-date {      
  float: left;      
  width: 16px;      
  height: 16px;      
  padding: 0;      
  margin: 5px 3px 0;      
  display: block;      
  text-indent: -2000px;      
  overflow: hidden;      
  background: url(date_16x16.gif) no-repeat;      
}      
a.dp-choose-date.dp-disabled {      
  background-position: 0 -20px;      
  cursor: default;      
}      
input.dp-applied {      
  width: 100px;      
  float: left;      
}      
</style>     
<!--CSS-->    
</head>   
<body>   
<input type="text" name="date" id="date1" class="date-pick">   
  
</body>   
</html>

TOP

hanmin888

Rank: 1

帖子
15 
主題
4 
精華
0 
積分
5 
威望
5  
金錢
0  
4#
發表於 2008-12-13 11:22 | 顯示全部帖子

沒有圖

date_16x16.gif
我沒有這個圖耶...
所有的圖都沒有,應該要去哪得到這些圖呢?
謝謝

TOP

hanmin888

Rank: 1

帖子
15 
主題
4 
精華
0 
積分
5 
威望
5  
金錢
0  
5#
發表於 2008-12-15 15:22 | 顯示全部帖子
雖然我現在有圖了
但是還是失敗
html部分是抄官網的程式碼, 檢視原始檔
我基本瀏覽器是 Opera 9.6
我用IE8去跑這個html有出現javascript的錯誤如下
網頁指令碼錯誤

使用者代理程式: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB5; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648)
時間戳記: Mon, 15 Dec 2008 07:14:48 UTC

訊息: 物件不支援此屬性或方法
行: 588
字元: 6
程式碼: 0
URI: file:///C:/Documents%20and%20Settings/It0009/My%20Documents/下載/javaScript/JQuery/jquery.datePicker-2.1.1.js
執行的Html如下
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">      
<html>      
<head>      
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">      
<title>月曆測試</title>      
<!--JavaScript-->      
<script type="text/javascript" src="jquery-1.2.6.js"></script>   
<script type="text/javascript" src="date.js"></script> 
<script type="text/javascript" src="jquery.datePicker-2.1.1.js"></script>           
<script type="text/javascript">      
$(function() {         
  Date.format = 'yyyy-mm-dd';         
  $('#date1').datePicker();         
});       
</script>        
<!--JavaScript-->       
<!--CSS-->       
<link rel="stylesheet" type="text/css" href="dataPicker.css" />      
<style type="text/css">         
a.dp-choose-date {         
  float: left;         
  width: 16px;         
  height: 16px;         
  padding: 0;         
  margin: 5px 3px 0;         
  display: block;         
  text-indent: -2000px;         
  overflow: hidden;         
  background: url(date_16x16.gif) no-repeat;         
}         
a.dp-choose-date.dp-disabled {         
  background-position: 0 -20px;         
  cursor: default;         
}         
input.dp-applied {         
  width: 100px;         
  float: left;         
}         
</style>        
<!--CSS-->       
</head>      
<body>      
<input type="text" name="date" id="date1" class="data-pick">      
     
</body>      
</html>   
[ 本帖最後由 hanmin888 於 2008-12-15 15:45 編輯 ]

TOP

hanmin888

Rank: 1

帖子
15 
主題
4 
精華
0 
積分
5 
威望
5  
金錢
0  
6#
發表於 2008-12-16 15:02 | 顯示全部帖子

用了妳的檔案就變正常

換用你的js檔就正常了
關鍵的是那個date.js 不一樣

TOP

返回列表 回復 發帖