jquery ui 里datepicker 怎么使用动态绑定

Question

jquery ui 里datepicker 怎么使用动态绑定 页面开始加载时 $(".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) {
}
});
这样可以使用时间选择控件
如果是用jquery后面新添加一个元素他的class也是datacss
但是触发不到时间选择控件
如果是click事件的话可以用jquery里的live 但是datepicker是jquery ui里的 是属于什么事件 我使用了live可是不行 哪位大神告诉我 谢谢!

Answer 1

datepicker是一个配置灵活的插件，我们可以自己定义其展开方式，包括日期格式、语言、限制日期选择范围、添加相关按钮以及其他导航等。具体步骤：1.引入jquery．js；2.引入ui下面的jquery.ui.core.js、jquery.ui.widget.js、jquery.ui.datepicker.js；3.如果想设置日历为中文形式，需要引入ui－＞i18n下面的jquery.ui.datepicker-zh-CN.js；4.在HTML中需为input　type＝＂text＂设置ID；5.写js代码，引入datepicker定义的函数以及各参数的设置。6.可引入jQuery　ui中相应的样式也可根据自己的需要修改样式。123456789101112131415161718192021222324如果需要显示时分秒：1.需下载jquery-ui-timepicker-addon.js，并在页面加载；2.页面添加样式&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.ui-timepicker-div&nbsp;.ui-widget-header&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-bottom:&nbsp;8px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.ui-timepicker-div&nbsp;dl&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-align:&nbsp;left;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.ui-timepicker-div&nbsp;dl&nbsp;dt&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;25px;&nbsp;margin-bottom:&nbsp;-25px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.ui-timepicker-div&nbsp;dl&nbsp;dd&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin:&nbsp;0&nbsp;10px&nbsp;10px&nbsp;65px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.ui-timepicker-div&nbsp;td&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size:&nbsp;90%;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.ui-tpicker-grid-label&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;none;&nbsp;border:&nbsp;none;&nbsp;margin:&nbsp;0;&nbsp;padding:&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}3.&nbsp;&nbsp;&nbsp;&nbsp;$("#date").datetimepicker();／／显示时分秒　　&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("#datetime").datepicker();&nbsp;//&nbsp;显示日期&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("#datetime").timepicker();&nbsp;//&nbsp;显示时分秒&nbsp;）&nbsp;

Answer 2

12$("body").delegate(".datacss",&nbsp;"focusin",&nbsp;function(){&nbsp;&nbsp;$(this).datepicker();});&nbsp;