View results
Front-end code
Code
<! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Meta http-equiv = "content-language" content = "ZH-CN"/>
<Meta content = "all" name = "Robots"/>
<Meta name = "author" content = "bujichong"/>
<Meta name = "Copyright" content = ""/>
<Meta name = "Description" content = ""/>
<Meta name = "keywords" content = ""/>
<Title> simple example of jquery calendar plug-in datepicker </title>
<LINK rel = "stylesheet" type = "text/CSS" href = "demo/CSS/datepicker.css"/>
<SCRIPT src = "demo/JS/jquery-1.3.2.min.js" type = "text/JavaScript"> </SCRIPT>
<SCRIPT src = "demo/JS/jquery. datePicker-min.js" type = "text/JavaScript"> </SCRIPT>
<! -- [If IE]> <SCRIPT type = "text/JavaScript" src = "demo/JS/jquery. bgiframe. Min. js"> </SCRIPT> <! [Endif] -->
<SCRIPT type = "text/JavaScript">
$ (Window). Ready (function (){
$ ('. Date-pick'). datepicker ({clickinput: true });
});
</SCRIPT>
</Head>
<Body>
<P> <label> Start Time: </label> <input type = "text" name = "it" class = "It date-pick"/> </P>
<P> <label> ordering method: </label> <input type = "radio" name = "ir2" class = "ir"/> annual subscription & nbsp; <input type = "radio" name = "ir2" class = "ir"/> <select name = "so" class = "so">
<Option value = "0" selected = "selected"> 1 </option>
<Option value = "1"> 2 </option> <option value = "1"> 3 </option>
<Option value = "1"> 4 </option> <option value = "1"> 5 </option>
<Option value = "1"> 6 </option> <option value = "1"> 7 </option>
<Option value = "1"> 8 </option> <option value = "1"> 9 </option>
<Option value = "1"> 10 </option> <option value = "1"> 11 </option>
</SELECT> period </P>
</Body>
</Html>