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

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

12 голосов
/ 10 апреля 2010

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

Я хочу иметь:

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

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

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

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

Ответы [ 3 ]

49 голосов
/ 10 апреля 2010

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

$('#myButton').click(function () {
    $('#myField').datepicker("show");
});
9 голосов
/ 10 апреля 2010 
<script type="text/javascript">
    $(function () {
        $("#datepicker").datepicker({
            constrainInput: true,
            showOn: 'button',
            buttonText: 'Select...'
        });
    });
</script>
<input id="datepicker" disabled="disabled" />

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

1 голос
/ 17 декабря 2016

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

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

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

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

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

...