Question

我在Jquery ui datepicker位置相对于输入类型隐藏有问题。

我在点击FontAwesome图标时触发了datepicker，并将所选日期保存在隐藏的输入类型中。所有工作但日期拣位日历位置不低于图标。

Answer 1

你可以试试这个：

<i class="fa fa-calendar" aria-hidden="true"></i>
<div id="datepicker"></div>

<script type="text/javascript">
$(document).ready(function() {
$("#datepicker").datepicker({
        changeMonth: true,
        changeYear: true,
})
.hide()
.click(function() {
  $(this).hide();
});

$(".fa-calendar").click(function() {
   $("#datepicker").show(); 
   });
});

//或

$( function() {
$( "#datepicker" ).datepicker({
  showOn: "button",
  buttonImage: "images/calendar.gif",
  buttonImageOnly: true,
  buttonText: "Select date"
});
} );



<p>Date: <input type="text" id="datepicker"></p>

Jquery ui datepicker的位置

1 个答案: