Как отключить ручной ввод для поля DateQuicker JQuery UI? [Дубликат]

80

Я решил использовать JQuery UI Datepicker script для выбора дат. Ниже приведена часть моего кода и способ, которым я интегрировал его в мою страницу PHP:

<link type="text/css" href="/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
<script type="text/javascript" src="/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/jquery-ui-1.8.6.custom.min.js"></script>
<script type="text/javascript">
$(function(){
    // Datepicker
    $('#datepicker').datepicker({ dateFormat: 'yy-mm-dd' });
    //hover states on the static widgets
    $('#dialog_link, ul#icons li').hover(
        function() { $(this).addClass('ui-state-hover'); }, 
        function() { $(this).removeClass('ui-state-hover'); }
    );
});
</script>

и

    // date picker (embeds JQuery script)
echo '<label for="datepicker">Date: </label>';
echo '<input type="text" name="datepicker" id="datepicker" />';
echo '<div id="datepicker"></div>';

В значительной степени в соответствии с инструкциями JQuery UI.

Теперь мой вопрос: как я могу отключить ручные входы в поле ввода текста? Я хочу, чтобы JQuery Datepicker script мог заполнить текстовое поле. Насколько я вижу, script в настоящее время не позволяет пользователю вводить любые нечисловые символы в текстовое поле, но допускается любая комбинация чисел (поэтому допускается тарабарщина вроде "95460829468" ).

Теги:
datepicker

2 ответа

211
Лучший ответ

Когда вы делаете ввод, установите его для чтения только.

<input type="text" name="datepicker" id="datepicker" readonly="readonly" />
  • 0
    Удивительно простое решение. Кажется, работает так, как задумано, большое спасибо!
  • 2
    Если вы добавите 'background-color: #fff! Важный; курсор: текст! важно; ' это будет выглядеть совершенно нормально ...
Показать ещё 5 комментариев
21

Я думаю, вы должны добавить    стиль = "фон: белый;" сделать так, чтобы он был доступен для записи

<input type="text" size="23" name="dateMonthly" id="dateMonthly" readonly="readonly"   style="background:white;"/>
  • 5
    1. скопируйте ответ 2. добавьте новый атрибут (я думаю, что вы должны добавить style = "background: white;", чтобы сделать вид, что он доступен для записи, и "cursor: pointer", чтобы он выглядел кликабельно) 3. ?????? ? 4. Прибыль

Ещё вопросы

Сообщество Overcoder
Наверх
Меню