Possible Duplicate:
Remove Datepicker Function dynamically
在我的网络应用程序中,我使用日期选择器。我使用同一页面来创建和编辑详细信息。编辑页面时,日期不应可编辑。我使用以下代码禁用日期选择器。
$( "#datepicker" ).datepicker("disable");
但是上面的代码也禁用了输入字段。(如果在编辑模式下禁用输入字段,则数据不会发布到 PHP)。我想禁用日期选择器而不禁用输入字段,并且我想显示“ui-datepicker-trigger”图标。谁能帮我吗。 以下是 JSFIDDLE 的链接
最佳答案
尝试,
$( "#datepicker" ).datepicker( "destroy" );
回复您的评论: 如果你想保留图标,只需手动操作,即从 DOM 树复制图标,销毁日期选择器(这将从 DOM 中删除图标),然后将其重新插入到 DOM 中。可能不是最佳性能,但除非您每秒执行数千次,否则没有人会注意到:)
基本上我的想法是做类似的事情:
$img = $('#datepicker').parent().find('img'); //fetch datepicker icon from DOM
$( "#datepicker" ).datepicker("destroy"); //destroy datepicker
$('#datepicker').parent().append($img); //reappend icon into its original place
在 js fiddle 中:http://jsfiddle.net/Xppj6/7/ 和一个带有“禁用”和“启用”按钮的 fiddle :http://jsfiddle.net/Xppj6/14/
注意:如果您需要撤消此操作,则必须完全重新创建日期选择器。在创建新的日期选择器之前,您还必须销毁手动附加的图标(因为新的日期选择器将创建新的图标)
关于php - 禁用日期选择器而不禁用输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14100751/