携程网日期控件 – 有爱前端

<!DOCTYPE html> <html> <head id="ctl00_Head1"> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> <title>携程网日期控件</title> <style> html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, em, button { margin: 0; padding: 0; } body { color: #333333; font-family: Simsun,sans-serif; font-size: 12px; line-height: 1.5; } </style> <script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/313/hxtth5wr/cQuery_110421.js"></script> <script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/313/hxtth5wr/calendar.js"></script> </head> <body bgcorlor='black'> <table width="300" align="center"> <tr> <td height="100" valign="middle"><strong><font color='white'>携程网日期控件:</font></strong></td> <td width="30"></td> <td valign="middle"><input id="calendar" type="text"></td> </tr> </table> <script> $("#calendar").regMod("calendar","6.0", { options: { autoShow: !1, showWeek: !0, maxDate: function() { var a = (new Date).addYears(1); return a.getFullYear() + "-" + (a.getMonth() + 1) + "-" + a.getDate() }() }, listeners:{ onBeforeShow: function() {}, onChange: function() {} } }) </script> </body> </html>

提示：你可以先修改部分代码再运行。

转载请注明：有爱前端 » 携程网日期控件