选择日期，自动输入

截图

JavaScript - WdatePicker日历控件使用方法

代码

  1. <!doctype html>
  2. <html lang="en">
  3.  <head>
  4.   <meta charset="UTF-8">
  5.   <script src="WdatePicker/WdatePicker.js"></script>
  6.   <title>Document</title>
  7.   <style>
  8.   .kuang{border:1px #ff0000 solid;}
  9.   </style>
  10.   <script>
  11.     window.onload = function(){
  12.         var btn = document.getElementById("btnReg");
  13.         var txt = document.getElementById("uid");
  14.         btn.onclick = function(){
  16.             if(txt.value.length<=0)
  17.             {
  18.                 alert("会员名不能为空");
  19.                 txt.className="kuang";
  20.                 return false;
  21.             }
  22.         }
  24.         txt.onblur = function(){
  25.             if(txt.value.length<=0)
  26.             {
  27.                 alert("会员名不能为空");
  28.                 this.className="kuang";
  29.                 return false;
  30.             }else{
  31.                 this.className="";
  32.             }
  33.         }
  34.     }
  35.   </script>
  36.  </head>
  37.  <body>
  38.   <form action="#" method="post">
  39.     会员名：<input type="text" name="nickname" id="uid">
  40.     出生日期：<input type="text" name="birthday" onclick="WdatePicker()">
  41.     <div><input type="submit" id="btnReg" value="注册"></div>
  42.   </form>
  43.  </body>
  44. </html>

WdatePicker下载

点击下载：WdatePicker.rar
解压后直接调用WdatePicker.js

更多使用方法

http://wenku.baidu.com
htpp://blog.iptup.net