Триггер jQueryUI datePicker при нажатии кнопки, отправка результата в отключенное поле ввода

Я искал способ сделать это, но ничего не нашел

Я хочу иметь:

  • Отключено текстовое поле ввода, называемое #XX. Этот вход сохранит выбранное значение из datepicker (поскольку этот вход отключен, я не смогу использовать его для запуска datePicker)

  • Кнопка, кроме #XX. Когда пользователь нажимает эту кнопку, будет отображаться datePicker. Пользователь будет выбирать дату, и эта дата будет назначена отключенному вводу #XX.

Я хочу, чтобы этот пользователь не мог изменить вручную - набрав crap - выбранную дату

Кроме того, следует ли проверять, была ли введена дата с использованием # XX.val()? или есть лучший способ?

Ответы

Ответ 1

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

Это добавит кнопку рядом с полем ввода и отключит пользователя от ввода текста в поле...

Ответ 2

Вы можете показать датупиксера, который ранее был прикреплен к элементу ввода с использованием метода "показать".

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

Ответ 3

Возможно, поздно, но я просто сделал это

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

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

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

Он не отображает дату, нажав на вход, и не отображает кнопку, чтобы показать дату. Отключено не работает в моем случае, потому что мне нужно извлечь значение из этого поля ввода.