js日期控件整理

来源：互联网发布：java获取系统当前年份编辑：程序博客网时间：2024/06/03 15:08

一，日期选择控件My97DatePicker(官方网站http://www.my97.net)
My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名
各目录及文件的用途:
WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名
calendar.js 日期库主文件,无需引入
目录lang 存放语言文件,你可以根据需要清理或添加语言文件
目录skin 存放皮肤的相关文件,你可以根据需要清理或添加皮肤文件包
使用实例：(详细使用说明参照http://www.my97.net/dp/demo/)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>获取日期控件方法</title><script language="javascript" type="text/javascript" src="js/getdate/WdatePicker.js"></script> //其中js/getdate/是存放My97DatePicker文件的目录位置</head><body><input id="d12" type="text"/><img onclick="WdatePicker({el:'d12'})" src="js/getdate/skin/datePicker.gif" width="16" height="22" align="absmiddle"></body></html>

二，日期范围选择控件

一次可以选择一个时间段的日期，不过要引用的文件较多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><link rel="stylesheet" href="css/datepicker.css" type="text/css" />    <link rel="stylesheet" media="screen" type="text/css" href="css/layout.css" />    <title>DatePicker - jQuery plugin</title><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/datepicker.js"></script>    <script type="text/javascript" src="js/eye.js"></script>    <script type="text/javascript" src="js/layout.js?ver=1.0.2"></script></head><body>    <div id="widgetField">        <span></span>        <a href="#">Select date range</a>    </div>    <div id="widgetCalendar">    </div></body></html>