Question

当我们点击父元素时如何触发隐藏的输入字段。当我使用隐藏字段时不起作用。这是我的HTML代码：

<table>
<th colspan="2">Date</th>
<td id="dateContainer" > currentData </td>
<td><input id="thedate" type="hidden" /></td>
<table>

jquery代码：

$(function(){
 $(this).click(function() {
 $(this).children().children().find('.datepicker-input').focus();
 });
});

Answer 1

好吧，我想我理解你的查询到底想要达到什么目的。

您希望显示没有可见容器的datepicker。似乎不可能因为无论何时加载datepicker，它都需要一些CSS属性，如left, positioning和所有。如果隐藏了datepicker容器，它将引发异常。

以下是您实现此目标的另一种方式。创建一个空的html元素并向其添加日期选择器。

这是工作代码;相应地改变你的html结构。

JSFiddle：http://jsfiddle.net/vikash2402/8w8v9/2030/

＆＃13;

$('#showDateContainer').click(function(){
$("#showDateItem").show && $("#showDateItem").show();
$('#showDateItem').datepicker({
        dateFormat: 'dd-mm-yy',
         onSelect: function(dateText) {
   		$('#dateContainer').text(dateText);
        console.log(dateText);
        $("#showDateItem").hide();
        }
        
    });
});

＆＃13;

<link href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>



<div id="showDateContainer" type="button" >Click here to Shown Date</div>
<div id="showDateItem"> </div>
<br />
<br />
<div id="dateContainer" type="button" > currentData </div>

＆＃13;

希望这会对您有所帮助：）

是否有可能专注于隐藏的输入字段？

1 个答案: