- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我已将日期选择器配置为按以下方式激活
$(function () {
$(".editable_datepicker").click(function (event) {
$(this).editable('ajax_save.php',{
id : 'id',
type : 'datepicker',
style : 'margin:0px;width:80%;display:inline',
onblur : 'submit',
tooltip : ''
});
});
});
我正在使用这个插件
来源:https://github.com/qertoip/jeditable-datepicker/blob/master/src/jquery.jeditable.datepicker.js
jQuery.expr[':'].focus = function( elem ) {
return elem === document.activeElement && ( elem.type || elem.href );
};
$.editable.addInputType( 'datepicker', {
element: function( settings, original ) {
var form = $( this ),
input = $( '<input />' );
input.attr( 'autocomplete','off' );
form.append( input );
settings.onblur = 'nothing';
return input;
},
plugin: function( settings, original ) {
var form = this, input = form.find( "input" );
settings.onblur = 'nothing';
input.datepicker( {
dateFormat:'yy-mm-dd',
showOn: "button",
buttonImage: "img/calendar_icon.gif",
buttonImageOnly: true,
onSelect: function() {
form.submit();
},
onClose: function() {
setTimeout( function() {
if ( !input.is( ':focus' ) ) {
original.reset( form );
} else {
form.submit();
}
}, 150 );
}
} );
}
} );
只要我不在这个插件中添加以下选项,这个插件就能成功工作
showOn: "button",
buttonImage: "img/calendar_icon.gif",
buttonImageOnly: true,
我想实现这一点(详细说明如下)
但是我被困住了。你能帮我吗?
稍后编辑
重现问题的步骤
-获取 jquery、jquery-ui、jeditable 和附加的或来自 github 的插件代码- 在相应文件中添加引用的脚本-编写一个示例页面如下
<input type='editable_datepicker' value='2011-11-17'>
*点击它时,它应该打开文本框和一个漂亮的日历图标
如果单击该图标,则会出现日历
您可以提交日期并发送数据或点击其他地方(失去焦点)并且不发送数据
问题就在这里...
如果您激活该字段(使其可编辑),则无法使其消失(失去焦点),除非您激活日历
非常感谢。
最佳答案
我找到了一个我认为可以满足您要求的解决方案。与其尝试解释与您提供的示例的所有差异,不如向您展示我所做的事情的独立示例会更容易。
该示例使用 jquery、jquery-ui 和 jeditable。我没有使用 jquery.jeditable.datepicker.js,而只是使用 $.editable 的 addInputType 方法:
$(function () {
$.editable.addInputType('datepicker', {
element: function(settings, original) {
var input = $('<input />');
input.attr('autocomplete', 'off');
$(this).append(input);
// rather than assigning plugin separately, I'm just adding it here
// (but doing it this way isn't critical to this solution)
input.datepicker({
dateFormat:'yy-mm-dd',
showOn: "button",
buttonImage: "calendar_icon.gif",
buttonImageOnly: true,
beforeShow: function() {
var editable_datepicker = $(this).parent().parent().get(0);
// This is the heart of the solution:
editable_datepicker.editing = false;
},
onClose: function(a, b) {
var form = $(this).parent();
form.submit();
}
});
return input;
}
});
});
这个解决方案的关键在于 $.editable 的私有(private)重置方法如何工作。如果原始父元素的 javascript 键“editing”设置为 false,则不会重置(取消)输入。我只是使用 .datepicker 的 beforeShow 来设置它。
这是此示例的剩余代码:
$(function() {
$(".editable_datepicker").editable('ajax_save.php',{
id : 'id',
type : 'datepicker',
style : 'margin:0px;width:80%;display:inline',
onblur : 'cancel', // use 'cancel'!
tooltip : 'Double click to edit',
event : 'dblclick'
});
});
和 HTML:
<span class='editable_datepicker'>01/01/2012</span>
希望有帮助。干杯。
关于jquery - Jeditable 和 jQuery UI Datepicker onblur 取消不适用于 showOn 按钮选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8166916/
我在我的 Xcode 项目目录中输入了以下内容: keytool -genkey -v -keystore release.keystore -alias mykey -keyalg RSA \
假设我有一个像这样的 DataFrame(或 Series): Value 0 0.5 1 0.8 2 -0.2 3 None 4 None 5 None
我正在对一个 Pandas 系列进行相对繁重的应用。有什么方法可以返回一些打印反馈,说明每次调用函数时在函数内部进行打印还有多远? 最佳答案 您可以使用跟踪器包装您的函数。以下两个示例,一个基于完成的
我有一个 DataFrame,其中一列包含列表作为单元格内容,如下所示: import pandas as pd df = pd.DataFrame({ 'col_lists': [[1, 2
我想使用 Pandas df.apply 但仅限于某些行 作为一个例子,我想做这样的事情,但我的实际问题有点复杂: import pandas as pd import math z = pd.Dat
我有以下 Pandas 数据框 id dist ds 0 0 0 0 5 1 0 0 7 2 0 0
这发生在我尝试使用 Gradle 构建时。由于字符串是对象,因此似乎没有理由发生此错误: No signature of method: java.util.HashMap.getOrDefault(
您好,有人可以解释为什么在 remaining() 函数中的 Backbone 示例应用程序 ( http://backbonejs.org/examples/todos/index.html ) 中
我有两个域类:用户 class User { String username String password String email Date dateCreated
问题陈述: 一个 pandas dataframe 列系列,same_group 需要根据两个现有列 row 和 col 的值从 bool 值创建。如果两个值在字典 memberships 中具有相似
apporable 报告以下错误: error: unknown type name 'MKMapItem'; did you mean 'MKMapView'? MKMapItem* destina
我有一个带有地址列的大型 DataFrame: data addr 0 0.617964 IN,Krishnagiri,635115 1 0.635428 IN,Chennai
我有一个列表list,里面有这样的项目 ElementA: Number=1, Version=1 ElementB: Number=1, Version=2 ElementC: Number=1,
我正在编译我的源代码,它只是在没有运行应用程序的情况下终止。这是我得到的日志: Build/android-armeabi-debug/com.app4u.portaldorugby/PortalDo
我正在尝试根据另一个单元格的值更改单元格值(颜色“红色”或“绿色”)。我运行以下命令: df.loc[0, 'Colour'] = df.loc[0, 'Count'].apply(lambda x:
我想弄清楚如何使用 StateT结合两个 State基于对我的 Scalaz state monad examples 的评论的状态转换器回答。 看来我已经很接近了,但是在尝试申请 sequence
如果我已经为它绑定(bind)了集合,我该如何添加 RibbonLibrary 默认的快速访问项容器。当我从 UI 添加快速访问工具项时,它会抛出 Operation is not valid whi
在我学习期间Typoclassopedia我遇到了这个证明,但我不确定我的证明是否正确。问题是: One might imagine a variant of the interchange law
我是一名优秀的程序员,十分优秀!