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



этот вопрос уже есть ответ здесь:




  • jQuery Datepicker с текстовым вводом, который не позволяет вводить данные пользователем

    21 ответов



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



<link type="text/css" href="css/south-street/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/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 мог заполнить текстовое поле. Насколько я могу видеть, скрипт в настоящее время запрещает пользователю вводить любые нечисловые символы в текстовое поле, но любая комбинация чисел разрешена (поэтому тарабарщина вроде "95460829468" допускается).

809   2  

2 ответов:

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

<input type="text" name="datepicker" id="datepicker" readonly="readonly" />

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

<input type="text" size="23" name="dateMonthly" id="dateMonthly" readonly="readonly"   style="background:white;"/>

Comments

    Ничего не найдено.