JavaScript：日期选择器组件的使用

最新推荐文章于 2024-04-07 17:43:49 发布

du_xian_sheng

最新推荐文章于 2024-04-07 17:43:49 发布

阅读量438

点赞数

分类专栏： Javascript

Javascript 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

前言：

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

用法：

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

演示：

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

My97DatePicker，下载链接：http://files.cnblogs.com/files/XYQ-208910/My97DatePickerBeta.zip

测试代码如下：

使用My97DatePicker

PickDdate.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="pick date!">
    <meta name="keywords" content="javascript,html,css">

    <!--引入My97DatePicker日期组件的js文件 -->
    <script type="text/javascript" src="My97DatePicker/WdatePicker.js"> </script>

    <title>日期选择器的使用</title>
</head>
<body>
     <!--触发事件使用My97DatePicker日期组件 -->
     <font color="green">Pick Date:</font><input type="text"  onClick="WdatePicker()" readonly="readonly">
</body>
</html>>