日历控件_模仿vs中的dtpicker控件

一、放到页面中的脚本

<div style="position:absolute; z-index:0;text-align:left;width:104px; ">
   
    <div style="position:absolute;clear:left;z-index: 2; top:0; left:0px; ">   
    <input id="Text1" type="text" style="width:100px;" maxlength="10"/>
    <div style="position:absolute;z-index: 1; top:0; right:0px; ">
<input id="Button2" type="button"   value="∨" style=" width: 22px;   height: 23px; " οnclick="return buc('showdate','Text1')" />
</div>
</div>
    <br />
    <div id="showdate"style="position:relative ;z-index:-1; display:none;">
    </div>
 </div><br />

二、js文件中的内容 (在页面中引用)

申明:下面的代码大部分在网上引用,进行了部分的修改。

// JScript 文件

 var The_Year,The_Day,The_Month;
  var today;
  var Firstday;
  today = new Date();

function RunNian(The_Year)
{
 if ((The_Year%400==0) || ((The_Year%4==0) && (The_Year%100!=0)))
  return true;
 else
  return false;
}

function GetWeekday(The_Year,The_Month)
{
 
 var Allday;
 var t=0;
 Allday = new Date();
 Allday.setFullYear(The_Year,The_Month);
 Allday.setDate=1;
 //document.getElementById("Text1").value=Allday.getDay();
 switch (getDayInMonth(The_Year,The_Month))
{
 case 31 :  t=3;break;
 
 case 30 : t=2;break;
 case 28 : t=0;break;
 case 29 : t=1;break;

}
 return (7+Allday.getDay()-t)%7;

 

}
function getDayInMonth(The_Year,The_Month)
{
  switch (The_Month)
 {
  case 1 : return 31; break;
  case 2 :
  
   if (RunNian(The_Year))
    return  29;
   else
    return 28;
   break;
  case 3 : return 31; break;
  case 4 : return 30; break;
  case 5 : return 31; break;
  case 6 : return 30; break;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
本文件含有两个版本,一个是来自于网络的原版,另一个是我完善后的版本。本控件唯一的缺点是生成的OCX文件在程序From界面上占用很高的内存,而且响应速度极慢,希望有能力的爱好者完善一下。 原版下载地址:http://yidong-telecom.cnzz.cn/cnzz_program/web/2011-11/13/25.rar -- ============================================================ -- -- 赵永辉对控件 gkMonth 的完善日志 -- ============================================================ -- 2012-7-24 22:50:59 1、在控件的属性界面上,增加了文星期的标题选项: 文单字符: 一、二、三、四、五、六、日 文双字符: 周一、周二、周三、周四、周五、周六、周日 文全称:星期一、星期二、星期三、星期四、星期五、星期六、星期日 2、修改代码,解决文的星期标签,汉字不能显示的问题。 3、修改代码,解决月份右键: 选择1~10月时,标题仅显示一个汉字“一”、“二”...“十” 选择11、12月时,标题的月份仅显示汉字“十” 现在正常显示为“四月”、“十月”、“十二月”等。 2012-7-28 15:35:30 1、在控件表面的日期上,可以点击右键跳转到当前日期。 菜单是文"转到今天"还是"Go to Today",由属性DayHeaderFormat决定,选择带CN的选项, 这个菜单就是文的,否则就是英文的。 2、在年份上的右键菜单,在今年的菜单条目后面追加标记“- 今年 -”,或“- Now -”。自动判断英文。 3、在月份上的右键菜单,如果选的年份为今年,则在当月的菜单条目后面追加标记“- 本月 -”,或“- Now -”。自动判断英文。 -- ============================================================ -- -- 赵永辉对控件 gkDatePicker 的完善日志 -- ============================================================ -- 2012-7-28 18:07:35 1、在文本框增加回车显示日历的快捷键。 文本框原有快捷键F4或ALT+DownArrow为显示日历,在日历上回车则更新文本框的日历内容。 2、在日历显示时,如果运行在文简体的环境,则默认显示日历的星期标题为单个汉字, 英文环境则保持原有的单字母显示。 3、修改默认的选日期的颜色为突出显示(颜色值为&H8000000D;&)。
WinCC DTPicker控件是一种日期和时间选择控件,用于在WinCC界面上方便地选择和显示日期和时间。它是WinCC软件提供的一个图形化工具,可以方便地集成到用户界面DTPicker控件具有以下特点和功能: 1. 日期和时间选择:DTPicker控件可以让用户方便地选择日期和时间。用户可以通过单击控件,选择需要的日期和时间,并且可以显示选的日期和时间。 2. 日期和时间格式:用户可以根据自己的需要,选择不同的日期和时间格式来显示。例如,可以选择显示年、月、日和小时、分钟等信息。这样,用户可以按照自己的需求来设置和显示日期和时间。 3. 事件驱动:DTPicker控件可以响应用户的操作,并触发相应的事件。例如,当用户选择了一个新的日期和时间时,控件可以触发事件,用户可以在代码处理这些事件,执行相应的操作。 4. 数据绑定:DTPicker控件可以与其他的控件或数据源进行数据绑定,实现数据的自动更新和同步。例如,可以将选择的日期和时间作为参数传递给其他的控件或数据源,实现信息的自动更新。 5. 多语言支持:DTPicker控件支持多种语言,可以方便地实现国际化和本地化的需求。用户可以根据自己的需要,选择不同的语言来显示日期和时间信息。 总之,WinCC DTPicker控件是一个功能强大且易用的日期和时间选择控件,可以方便地集成到WinCC界面,帮助用户实现日期和时间的选择和显示,并实现与其他控件或数据源的数据交互。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值