JavaScript - WdatePicker日历控件使用方法

目录

选择日期,自动输入

截图

QQ截图20150425173625.png

代码

!!!markup
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <script src="WdatePicker/WdatePicker.js"></script>
  <title>Document</title>
  <style>
  .kuang{border:1px #ff0000 solid;}
  </style>
  <script>
    window.onload = function(){
        var btn = document.getElementById("btnReg");
        var txt = document.getElementById("uid");
        btn.onclick = function(){

            if(txt.value.length<=0)
            {
                alert("会员名不能为空");
                txt.className="kuang";
                return false;
            }
        }

        txt.onblur = function(){
            if(txt.value.length<=0)
            {
                alert("会员名不能为空");
                this.className="kuang";
                return false;
            }else{
                this.className="";
            }
        }
    }
  </script>
 </head>
 <body>
  <form action="#" method="post">
    会员名:<input type="text" name="nickname" id="uid">
    出生日期:<input type="text" name="birthday" onclick="WdatePicker()">
    <div><input type="submit" id="btnReg" value="注册"></div>
  </form>
 </body>
</html>

WdatePicker下载

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

更多使用方法

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

文章最后编辑时间为:2015-11-09 17:31:17

标签: javascript

声明:本博客如无特殊说明皆为原创,转载请注明来源:JavaScript - WdatePicker日历控件使用方法谢谢!

相关文章

精彩评论
  1. 火锅桌椅 火锅桌椅  Windows 7 Google Chrome 31.0.1650.63

    过来学习的

发表评论:

icon_question.pngicon_razz.pngicon_sad.pngicon_evil.pngicon_exclaim.pngicon_smile.pngicon_redface.pngicon_biggrin.pngicon_surprised.pngicon_eek.pngicon_confused.pngicon_cool.pngicon_lol.pngicon_mad.pngicon_twisted.pngicon_rolleyes.pngicon_wink.pngicon_idea.pngicon_arrow.pngicon_neutral.pngicon_cry.pngicon_mrgreen.png