1

我试图让 jQuery UI Datepicker 在我的页面上工作，并且它运行良好，除了一件小事：它在调用对话框方法时自动添加一个输入字段。

这是我的代码

$('.select_date').each(function(i) {
   var input_name = $(this).attr('data-input');
   $('#'+input_name).datepicker();

   $(this).click(function() {
      var position = $(this).offset();

      $('#'+input_name).datepicker('dialog', "10/12/2012", function(date, inst) { 
           $('#'+input_name).val(date); 
         }, 
         {}, 
         [position.left + $(this).width() + 5, position.top]
      );
   });
});

我正在尝试做的是使用 .select_date 类遍历按钮元素，并且对于每个元素（相关页面上的一个），它应该将 datepicker 绑定到具有数据输入属性 id 的隐藏字段当前按钮。

然后我确定，当我单击按钮时，对话框打开，当我在日历中选择一个日期时，该值被转移到隐藏字段。

所有这一切实际上都非常有效，但由于某种原因，当第一次单击按钮时，会将此字段添加到 DOM 中：

<input type="text" style="position: absolute; top: 265px; width: 0px; left: 674.5px;" id="dp1354917526755">

有趣的是，输入字段的位置与日期选择器的位置完全相同，只是在左侧位置增加了 10px。

4

0 回答 0