jedable与jQuery UI Datepicker

我需要点击编辑页面上的元素,这将反过来调用一个jQuery UI Datepicker的实例.

目前,我正在使用JEditable提供在位编辑,这是正常工作.但是,我有一个日期控制输入,我想显示为一个日历,这是乐趣开始的地方.

我在Calle Kabo的这个blog中发现了一个评论(页面是不幸的一点捣碎),详细说明了一个方法：

$.editable.addInputType("datepicker",{
        element:  function(settings,original) {
            var input = $("<input type=\"text\" name=\"value\" />");
            $(this).append(input);
            return(input);
        },plugin:  function(settings,original) {
            var form = this;
            $("input",this).filter(":text").datepicker({
                onSelect: function(dateText) { $(this).hide(); $(form).trigger("submit"); }
            });
        }
    });

但是,我无法得到上述的工作 – 没有错误,但也没有效果.我已经尝试将其放在jQuery文档就绪功能之外,也在它之外 – 没有喜悦.

我的UI Datepicker类是日期选择器,我的Jeditable类是ajaxedit,我确定上述不作为是由于需要在代码中引用它们,但我不知道如何.此外,Jeditable控件是许多元素ID之一,如果它有一个轴承.

任何想法从那些更多的知道？

解决方法

我有同样的问题.搜索 http://www.appelsiini.net/projects/jeditable/custom.html的源代码带给我解决方案.

有一个“jquery.jeditable.datepicker.js”.把这个在我的代码中添加了一个新的函数“datepicker”(也在源代码中).

我不知道你的脚本如何工作,但在我的情况下,该功能还需要：

id : ‘elementid’,

name : ‘edit’

将数据存储在数据库中.

嗯:)

dabbeljuh

原文地址：https://www.jb51.cc/jquery/175973.html