jquery-ui - 在按钮单击时触发 jQueryUI datePicker，将结果发送到禁用的输入字段

Question

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

我想要一个：

• 禁用的输入文本字段，称为#XX。此输入将存储从 datepicker 中选择的值（由于此输入被禁用，我将无法使用它来触发 datepicker）

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

我想要这个，所以用户不能手动更改 - 通过输入废话 - 选定的日期

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

Answer 1

您可以使用“show”方法显示先前附加到输入元素的日期选择器。

$('#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" />

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

Answer 3

可能为时已晚，但我只是这样做了

$("#firstDate").datepicker({
    onSelect: function () {
        myfunc();
    }
}); 

$("#secondDate").datepicker({
    showOn: ''
}); 

function myfunc(){
    var fDate = $('#firstDate');
    var sDate = $('#secondDate');
    sDate.val(fDate.val());
}

它不显示单击输入的日期选择器，也不显示显示日期选择器的按钮。禁用在我的情况下不起作用，因为我需要从该输入字段中提取值。