jquery ui 里datepicker 怎么使用動(dòng)態(tài)綁定 頁面開始加載時(shí) $(".datacss").datepicker({showOn: "button",buttonImage: "<%=request.getContextPath()%>/resources/images/calendar.gif",buttonImageOnly: true,changeMonth:true,changeYear:true,showButtonPanel:true,showWeek:true,dateFormat:"yy-mm-dd",onClose: function(dateText, inst) {}});這樣可以使用時(shí)間選擇控件如果是用jquery后面新添加一個(gè)元素他的class也是datacss但是觸發(fā)不到時(shí)間選擇控件如果是click事件的話可以用jquery里的live 但是datepicker是jquery ui里的 是屬于什么事件 我使用了live可是不行 哪位大神告訴我 謝謝!
3 回答
繁華開滿天機(jī)
TA貢獻(xiàn)1816條經(jīng)驗(yàn) 獲得超4個(gè)贊
datepicker是一個(gè)配置靈活的插件，我們可以自己定義其展開方式，包括日期格式、語言、限制日期選擇范圍、添加相關(guān)按鈕以及其他導(dǎo)航等。
具體步驟：
1.引入jquery．js；
2.引入ui下面的jquery.ui.core.js、jquery.ui.widget.js、jquery.ui.datepicker.js；
3.如果想設(shè)置日歷為中文形式，需要引入ui－＞i18n下面的jquery.ui.datepicker-zh-CN.js；
4.在HTML中需為input type＝＂text＂設(shè)置ID；
5.寫js代碼，引入datepicker定義的函數(shù)以及各參數(shù)的設(shè)置。
6.可引入jQuery ui中相應(yīng)的樣式也可根據(jù)自己的需要修改樣式。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | 如果需要顯示時(shí)分秒： 1.需下載jquery-ui-timepicker-addon.js，并在頁面加載； 2.頁面添加樣式 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } 3. $("#date").datetimepicker();／／顯示時(shí)分秒 $("#datetime").datepicker(); // 顯示日期 $("#datetime").timepicker(); // 顯示時(shí)分秒 ） |
慕俠2389804
TA貢獻(xiàn)1719條經(jīng)驗(yàn) 獲得超6個(gè)贊
1 2 | $("body").delegate(".datacss", "focusin", function(){ $(this).datepicker();}); |
- 3 回答
- 0 關(guān)注
- 962 瀏覽
添加回答
舉報(bào)
0/150
提交
取消