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

Posted 2023-02-25

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可是不行 哪位大神告诉我 谢谢!

参考技术A

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(); // 显示时分秒 ）

参考技术B 提供一个思路：把你的datepicker再封装成一个函数，参数是要调用的对象，添加一个元素后，再调用一次这个方法 参考技术C $("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事件，都会触发之）

本回答被提问者采纳