2013-04-01 65 views
0

我正在處理jquery中需要datepicker的窗體。我使用正常的jquery-ui datepicker庫。datepicker如何工作?

現在問題是它不工作,另一個問題是我不能顯示你的腳本,因爲它是非常複雜的它有各種顯示和隱藏。

現在任何人都可以向我解釋datepicker是如何工作的,所以我可以解決這個問題。從我知道它追加一個具有日曆的div,它的結構和hasDatepicker類被附加到id上日期選擇器已設置。

,有一件事上單擊文本框時,我得到一個錯誤,錯誤is--

Uncaught TypeError: Cannot read property 'msie' of undefined jquery-ui.min.js:123

$.extend._generateHTML jquery-ui.min.js:123

$.extend._updateDatepicker jquery-ui.min.js:123

$.extend._showDatepicker jquery-ui.min.js:123

b.event.dispatch jquery-1.9.1.min.js:3

v.handle

請對datepiceker一個簡單的解釋,我是一個很新的這些事情。我覺得有什麼當我隱藏和顯示div或在啓動時是錯誤的。

如果可能請告訴我一個正確的方法來執行初始化。

+0

嘗試使用jQuery的1.8或以下不是試圖 –

+0

這不利於... 我知道以前的版本中刪除錯誤,但它仍然是有 – Saurabh

+0

使用jQuery UI 1.9.2與jquery1.9.1 –

回答

1

首先確保你有一個輸入標籤,如下

<p>Date: <input type="text" id="datepicker" /></p> 

然後初始化UI控件如下

$("#datepicker").datepicker(); 

請確保先導入jQuery框架,然後再導入jQuery UI框架。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 

看看這個Live fiddle

請務必仔細閱讀official documentation here

1

這裏有一個解決方案:

只是包括jQuery的腳本標記後jQuery的遷移插件立刻道:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script> 
+0

都能跟得上還是犯規幫助。 。 附加在id底部的div不會附加在我的源代碼中。我通過檢查元素 – Saurabh

+0

檢查它,試着在'jquery-ui.min.js'或UI js之後添加它,就像上面一樣... –