Trigger jQueryUI Datepicker по нажатию кнопки, отправить результат на инвалидов поле ввода

Question

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

Я хочу иметь:

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

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

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

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

Answer 1

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

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

Answer 2

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

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

Answer 3

Может быть поздно, но я только что сделал это

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

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

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

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