在做开发的过程中经常要提供给用户对日期时间的选择功能,如果是采用让用户手动输入,就显得缺少了点人性化,而且在进行字符串与日期时间的转换时也是很麻烦的事情。
我也在网上搜集了几个比较美观,而且使用比较简单的控件,在此与大家分享,希望对用得到的朋友能有所帮助。
总共有五种,每一种控件都带有使用的代码示例和相应的js脚本(附件)。
由于比较多将分期发布,在此先贴上效果图片。(在这里贴图片有点麻烦,请在“我的相册”中相看,效果更好。)---->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>日期时间组件示例1</title>人人
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<!-- 导入日期时间脚本 -->
<script type="text/javascript" src="./js/selectDate.js"></script>
</head>女装品牌排行榜
<body>
<center>
<h1>
<font color="red">日期时间组件示例1</font>
</h1>
<p>
<img alt="日期时间组件示例1" border="0" src="./img/1.jpg" />
<p>
日期选择 从:
<input type="text" name="date11" id="date11" title="请点击选择日期"
onClick="setDate('date11')" ); readonly />
到:
<input type="text" name="date12" id="date12" title="请点击选择日期"
onClick="selectDate(this)" ); readonly />
<p>
</center>
</body>
</html>风之境地 java-javascript