单击按钮时触发jQueryUI datePicker,将结果发送到禁用的输入字段

Question

我一直在寻找一种方法来做到这一点,但找不到任何东西

我想要一个:

• 禁用输入文本字段,称为#XX.此输入将存储来自datepicker的选定值(因为此输入被禁用,我将无法使用它来触发datePicker)

• 按钮,除了#XX.当用户单击此按钮时,将显示datePicker.用户将选择日期,此日期将分配给禁用的输入#XX.

我想这样,所以用户不能手动更改 - 通过输入垃圾 - 选定的日期

另外,我应该验证是否使用#XX.val()输入了日期？或者,还有更好的方法？

Answer 1

您可以使用"show"方法显示之前已附加到input元素的日期选择器.

$('#myButton').click(function () {
    $('#myField').datepicker("show");
});

Answer 2

<script type="text/javascript">
    $(function () {
        $("#datepicker").datepicker({
            constrainInput: true,
            showOn: 'button',
            buttonText: 'Select...'
        });
    });
</script>
<input id="datepicker" disabled="disabled" />

这将在输入字段旁边添加一个按钮,并禁止用户在文本中输入文本...