前言：

　　在实际项目开发中，日期选择是一个十分常见而且重要的问题，在表单中设计到日期的验证时，如果让用户自己输入时间的话，那么使用正则进行验证其正确性是不可取的，因为他一般只能验证日期的格式，无法准确的验证其日期正确性。此时可以使用日期选择器组件来帮助我们完整。

 

用法：

    使用日期在选择其组件其实很简单，我们只需要在*.html文件里面引入日期选择器的*.js文件，并在input输入框中设置'onclick'事件即可。

 

演示：

   现在我使用两种日期选择器组件进行演示，：

   第一个是：My97DatePicker，下载链接：

   第二个是自定义的日期选择器代码，我将其放在MyCustomDatePicker文件中：下载链接：

 

测试代码如下：

   方式一：使用My97DatePicker

PickDdate.html

    
         
         
         
                  
          Pick Date:>

效果图：

 

   方式二：使用MyCustomDatePicker

PickDdate.html

    
         
         
         
                  
         Pick Date: >

效果图：

 

完整代码下载：