如何在按钮单击时显示jQuery Datepicker

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(){});。

希望这可以帮助。