Я решил использовать сценарий 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»).
Когда вы делаете ввод, установите его для чтения только.
<input type="text" name="datepicker" id="datepicker" readonly="readonly" />
Я думаю, вы должны добавить style = "background: white;" сделать так, чтобы он был доступен для записи
<input type="text" size="23" name="dateMonthly" id="dateMonthly" readonly="readonly" style="background:white;"/>