组态王微软日历控件应用指南

需积分: 50 6 下载量 2 浏览量 更新于2024-09-11 收藏 278KB PDF 举报
"本文档详细介绍了如何在组态王中使用微软日历控件来获取日期和时间。" 在工业自动化领域,组态王是一款广泛使用的监控系统开发平台,它提供了丰富的图形化界面设计和数据处理功能。在【标题】"组态王日历控件的使用"中提到的日历控件,是微软提供的标准控件,能够帮助用户方便地选取和处理日期及时间信息。【描述】中提到的需求概述和操作步骤,旨在指导用户如何在组态王工程中集成并有效利用这个控件。 【内容】部分详细阐述了使用微软日历控件的步骤: 1. **需求概述**:在很多工程项目中,需要显示或输入日期和时间信息。微软日历控件"Microsoft Date and Time Picker Control 6.0"提供日期和时间的选择,同时还能获取星期信息。 2. **操作步骤**: - **新建工程**:首先创建一个新的组态王工程作为基础。 - **定义变量**:在工程中定义7个内存整数变量(年、月、日、时、分、秒、星期),以及2个内存字符串变量(日期、时间),用于存储用户选择的日期和时间。 - **制作画面**: - **创建画面**:建立一个名为“日历控件”的新画面。 - **插入控件**:从工具箱中插入微软日历控件,并将其命名为"ADate"和"ATime"。通过调整控件属性,可以将"ATime"设置为显示时间而非日期。 3. **控件属性和事件**:控件的关键属性包括Day、Month、Year、DayOfWeek、Hour、Minute、Second等,这些属性可以直接读取用户选定的日期和时间信息。同时,控件还支持事件函数,例如CloseUp1()和Change1(),它们可以在用户完成选择或改变日期/时间后触发相应的操作。 通过以上步骤,用户可以在组态王的画面中添加交互式的日历和时间选择器,从而实现对日期和时间的直观操作。日历控件的使用大大简化了日期和时间数据的获取和处理过程,提升了用户体验,也增强了系统的功能性。 此外,【部分内容】中还提到了一系列的图表,如图一至图十,这些图表详细展示了每个步骤的操作界面和设置,对于初学者来说,是一份非常实用的指南,有助于他们快速掌握组态王中微软日历控件的使用方法。
232 浏览量
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <link type="text/css" rel="stylesheet" href="css/calendar.css" > [removed][removed] [removed][removed] [removed][removed] <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <link href="css/lyz.calendar.css" rel="stylesheet" type="text/css" /> [removed][removed] [removed][removed] <style> body { font-size: 12px; font-family: "微软雅黑" , "宋体" , "Arial Narrow"; } </style> [removed] $(function () { $("#txtBeginDate").calendar({ controlId: "divDate", // 弹出的日期控件ID,默认: $(this).attr("id") + "Calendar" speed: 200, // 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000),默认:200 complement: true, // 是否显示日期或年空白处的前后月的补充,默认:true readonly: true, // 目标对象是否设为只读,默认:true upperLimit: new Date(), // 日期上限,默认:NaN(不限制) lowerLimit: new Date("2011/01/01"), // 日期下限,默认:NaN(不限制) callback: function () { // 点击选择日期后的回调函数 } }); $("#txtEndDate").calendar(); }); [removed] </head> <body> 开始时间:<input type="text" id="starttime" name="starttime" />
结束时间:<input type="text" id="endtime" name="endtime" /> <input id="txtBeginDate" type="text"/> <input id="txtEndDate" type="text" /> </body> </html>