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

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

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

3 个答案: