Question

我想只在点击按钮

上显示一个日期选择器

<input type="button" id=day value="day" />
$("#day").datepicker();

上面的行用所选日期

填充按钮文本

我也尝试使用以下代码，但没有任何反应

$("#day").click(function() {
    $("#hiddenField").datepicker('show');
});

Answer 1

您可以使用内置的showOn功能执行此操作：

$( "#hiddenField" ).datepicker({
    showOn: "button",
    buttonText: "day"
});

JSFiddle：http://jsfiddle.net/Uv8V4/

参考：http://jqueryui.com/datepicker/#icon-trigger

Answer 2

尝试放

$("#hiddenField").datepicker({
    showOn: 'button',
    buttonText: 'Choose Date',
    dateFormat: 'dd/mm/yy',
    constrainInput: true
});

在$(document).ready(function(){});函数中。

希望这有帮助。

Answer 3

尝试以下：

$("#day").click(function() {
        $("#hiddenField").datepicker("show");
    });

单引号不起作用。

希望这会有所帮助。

Answer 4

您可以将按钮作为触发器附加到jQuery DatePicker，如下所述，

<script type="text/javascript>"
  $( function() {
      $( "#datepicker" ).datepicker({
          showOn: "button",
          buttonImage: "https://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
          buttonImageOnly: true,
          buttonText: "Select date"
      });
    });
    </script>

点击以下链接查看工作小提琴示例

https://jsfiddle.net/anjanasilva/rtt25a1m/

Answer 5

您需要先为输入字段初始化datepicker

$('#input_filed').datepicker();

然后您需要为按钮添加触发器

$('#button').click(function() {
      $('#input_filed').datepicker('show');
});

如何在按钮单击时显示jquery日期选择器

5 个答案: