My97 DatePicker一款好用的日历控件
2013-12-11 15:45
375 查看
前言
之前做东西的时候遇到这样一个情况,就是需要在日历控件里面只能输入当天之前的日期时间,比如生日等。而当时使用的是jquery-easyui的东西,这个里面的日历控件在处理日期控件时有点棘手,所以就了今天的故事。
简介
My97 DatePicker目前最新的版本是4.8的,里面封装了一些css和js文件。主要介绍一些我使用的到的东西,因为这个控件实在是很强大了。几乎有关日期方面的东西都涉及了。
兼容性:ie 6.0以上 safari 3.0 firefox和chrome都是可以的
使用
它的使用也是非常简单的直接引用WdatePicker.js文件就可以了。当然你首先得确保你的文件和My97 DatePicker是同一级目录下的。不然相关的css和函数的调用就出现问题了。这个很重要了。
实例:实现只取到今天之前的日期时间。
效果
当然这仅仅是这个功能里面最最简单功能的一个,比如:可以根据自己的需要对控件的皮肤进行设置,其实就是自己来编辑skin中的css。灵活行非常好。
官方地址:http://www.my97.net/dp/index.asp
下载地址:http://www.my97.net/dp/down.asp
这里仅仅是介绍非常基础的东西,这个有一个ITOYO的网址http://hongtaq.iteye.com/blog/1498057,讲的挺详细。另外官网里面也有详细的介绍。
之前做东西的时候遇到这样一个情况,就是需要在日历控件里面只能输入当天之前的日期时间,比如生日等。而当时使用的是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" onfocus="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})"/> <input type="button" value="取值" onclick="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,讲的挺详细。另外官网里面也有详细的介绍。
相关文章推荐
- My97 DatePicker一款好用的日历控件
- 一款很好用又漂亮的日期控件My97 DatePicker 4.8 Beta2
- 一个日历控件的(My97 datepicker)主题
- My97 Datepicker 日历控件 $dp拒绝访问
- My97 DatePicker——强大的 JavaScript 日历控件
- My97 DatePicker日期时间控件的配置使用方式
- 不依赖任何js框架的日期控件My97 DatePicker——支持小时、分钟、秒钟
- 日历控件之DatePicker
- bootstrap之双日历时间段选择控件—daterangepicker(汉化版)
- Swing Datepicker(日历控件)
- 坚持打造最好的日期控件,My97 DatePicker 4.5 正式版发布(请留email,我直接email回复)
- 如何去除My97 DatePicker控件上右键弹出官网的链接 - 如何debug混淆过的代码
- 发现一个不错的 日期选择控件 My97 DatePicker
- Jquery UI的日历控件datepicker限制日期(转)
- jquery datepicker日历控件
- 发现一个不错的 日期选择控件 My97 DatePicker
- 好用的时间选择器控件:My97 DatePicker
- 坚持打造最好的日期控件,My97 DatePicker 4.8 Beta3
- 做最好的日期控件,My97 DatePicker 4.8 Beta4
- Android 控件之DatePicker(日期和日历)