My97 DatePicker一款好用的日历控件

最新推荐文章于 2024-04-30 22:06:17 发布

weixin_30556959

最新推荐文章于 2024-04-30 22:06:17 发布

阅读量99

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/guziming/p/4232706.html

版权

前言

之前做东西的时候遇到这样一个情况，就是需要在日历控件里面只能输入当天之前的日期时间，比如生日等。而当时使用的是jquery-easyui的东西，这个里面的日历控件在处理日期控件时有点棘手，所以就了今天的故事。

简介

My97 DatePicker目前最新的版本是4.8的，里面封装了一些css和js文件。主要介绍一些我使用的到的东西，因为这个控件实在是很强大了。几乎有关日期方面的东西都涉及了。

兼容性：ie 6.0以上 safari 3.0 firefox和chrome都是可以的

使用

它的使用也是非常简单的直接引用WdatePicker.js文件就可以了。当然你首先得确保你的文件和My97 DatePicker是同一级目录下的。不然相关的css和函数的调用就出现问题了。这个很重要了。

实例：实现只取到今天之前的日期时间。

<!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>日期my97datepicker</title>
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript">
function getvalue(){
	var valuedate=	document.getElementById("d421").value;
alert(valuedate);
	}
</script>
</head>

<body>
<input id="d421" class="Wdate" type="text" οnfοcus="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})"/>
<input type="button" value="取值"  οnclick="getvalue()"/>
</body>
</html>

效果

当然这仅仅是这个功能里面最最简单功能的一个，比如：可以根据自己的需要对控件的皮肤进行设置，其实就是自己来编辑skin中的css。灵活行非常好。

官方地址：http://www.my97.net/dp/index.asp

下载地址：http://www.my97.net/dp/down.asp

总结

总的来说，这个东西看起来很赞，确实很赞。但是我们细心去看的话，都是js、配合css来实现这些非常好用的功能的。如同jquery一样，希望今后能够有更多的机会去接触这些东西。多了解，多学习大神们的东西。

这里仅仅是介绍非常基础的东西，这个有一个ITOYO的网址http://hongtaq.iteye.com/blog/1498057，讲的挺详细。另外官网里面也有详细的介绍。

转载于:https://www.cnblogs.com/guziming/p/4232706.html

weixin_30556959

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
My97 DatePicker一款好用的日历控件

前言之前做东西的时候遇到这样一个情况，就是需要在日历控件里面只能输入当天之前的日期时间，比如生日等。而当时使用的是jquery-easyui的东西，这个里面的日历控件在处理日期控件时有点棘手，所以就了今天的故事。简介My97 DatePicker目前最新的版本是4.8的，里面封装了一些css和js文件。主要介绍一些我使用的到的东西，因为这个控件实在...
复制链接

扫一扫