• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
00fairy00の学习园地
博客园    首页    新随笔    联系   管理    订阅  订阅
NO.3 My97DatePicker时间控件

最近要做一个日期选择,这个日期是选择当前日的前一周内的日期

本来要我用左右箭头来控制日期的选择

但是我想虽然只要七天,那如果要前面的第七天,不也要点7下,好像增加了点击操作

所以我觉得还是用日期控件比较好

于是又去学习了一下之前用过的My97DatePicker时间控件

用他的日期范围控制的动态限制就能够达到我需要的目的

 

Code
<!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>  
<mce:script src="My97DatePicker/WdatePicker.js" mce_src="My97DatePicker/WdatePicker.js" type="text/javascript"></mce:script><h1></h1>  
</head>  
  
<body>  
<input class="Wdate" type="text" onfocus="WdatePicker({minDate:'%y-%M-{%d-7}',maxDate:'%y-%M-%d'})"/>  
</body>  
</html>

 

其中minDate是'%y-%M-#F{%d-7}',maxDate是'%y-%M-%d',

就是说最小日期是今天的前7天,最大日期是今天

%y表示当前年

%m表示当前月

%d表示dangqianri

好啦,今天先到这里,还有很多可以学习的,下次继续!~

http://my97.net/dp/demo/index.htm这个该插件的官网

posted on 2009-11-10 15:05  00fairy00  阅读(427)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3