How to disable manual input for JQuery UI Datepicker field

Question

I decided to use the JQuery UI Datepicker script for picking dates  Below is part of my code  and the way I integrated it into my PHP page    lt link type  text css  href  css south-street jquery-ui-1 8 6 custom css  rel  stylesheet    gt   lt script type  text javascript  src  js jquery-1 4 2 min js  gt  lt  script gt   lt script type  text javascript  src  js jquery-ui-1 8 6 custom min js  gt  lt  script gt   lt script type  text javascript  gt    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                  lt  script gt    And          date picker  embeds JQuery script  echo   lt label for  datepicker  gt Date   lt  label gt    echo   lt input type  text  name  datepicker  id  datepicker    gt    echo   lt div id  datepicker  gt  lt  div gt      Pretty much according to the JQuery UI instructions   Now my question is  how can I disable manual inputs in the text input field  I only want the JQuery Datepicker script to be able to fill the text field  As far as I can see  the script currently prevents the user from entering any non-numerical characters into the text field  but any combination of numbers is allowed  therefore  gibberish like  95460829468  is allowed

User · Answer

I think you should add      style  background white    to make looks like it is writable   lt input type  text  size  23  name  dateMonthly  id  dateMonthly  readonly  readonly    style  background white    gt

User · Answer

When you make the input  set it to be readonly    lt input type  text  name  datepicker  id  datepicker  readonly  readonly    gt

[php] How to disable manual input for JQuery UI Datepicker field?

Examples related to php

Examples related to jquery-ui

Examples related to datepicker