Question

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

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中相应的样式也可根据自己的需要修改样式。

如果需要显示时分秒：
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();／／显示时分秒　　
       $("#datetime").datepicker(); // 显示日期  
       $("#datetime").timepicker(); // 显示时分秒 ）

Answer 2

提供一个思路：把你的datepicker再封装成一个函数，参数是要调用的对象，添加一个元素后，再调用一次这个方法

Answer 3

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

追问

这个加那? 不行啊

这个加那? 是不是在添加新的元素后在添加这些代码? 可是不行啊

追答

读一下代码的意思再加。

追问

你好我想问一下
$("div").delegate("button","click",function(){
});和
$("div button").live('click',function(){
});
找两个函数有什么区别 可以简单的解释下吗? 还有

还有focusin 和focus 又有什么区别 简单解释下 api上面说的太抽象了 最好举个例子

追答

focusin PK focus：

<p class="datacss">
    <div class="date">2014.1.22</div>
</p>

点击$('.date')是，会触发这节点的focus，会“冒泡”上去，触发$('.datacss')的focusin。（确实“人如其名”，体现了"in"，是一个范围，内部的所有元素的focus事件，都会触发之）