file-type

使用微软日历控件在组态王中的应用实践

PDF文件

下载需积分: 50 | 278KB | 更新于2024-09-16 | 86 浏览量 | 44 下载量 举报 2 收藏
download 立即下载
组态王应用——日历控件的使用 组态王应用中,日历控件是常用的控件之一,它可以提供日期、时间两种格式,通过此控件我们可以获得日期、时间、星期等信息。本文将通过一个实例,详细介绍微软日历控件在组态王中的使用,包括新建工程、定义变量、制作画面、控件属性介绍、控件使用、进入运行系统等步骤。 一、需求概述 在许多工程中,日期、时间都是常用的信息,如何利用微软提供的标准日历控件来方便的获得日期、时间等信息?微软提供的标准日历控件“Microsoft Date and Time Picker Control 6.0”可以提供日期、时间两种格式,通过此控件我们可以获得日期、时间、星期等信息。 二、操作步骤 1、新建工程: 新建一个工程,在组态王中定义7个内存整数变量:年、月、日、时、分、秒、星期,新建2个内存字符串变量:日期、时间。 2、定义变量: 在组态王中定义变量,包括年、月、日、时、分、秒、星期等7个内存整数变量,以及日期、时间2个内存字符串变量。 3.制作画面: 3.1)创建画面: 新建一个画面,画面名称为“日历控件”,点击工具箱的“插入通用控件”,选择“Microsoft Date and Time Picker Control 6.0”,如图一所示:点击“确定”后,鼠标变成十字形。然后在画面上画一个矩形框,日历控件就放到画面上了。双击画面的日历控件,为控件命名为:“ADate”。 同样的方法再创建一个日历控件,双击控件为控件命名为“ATime”,选中ATime控件,点击鼠标右键,弹出快捷菜单,选择“控件属性”,弹出控件属性对话框,如图二所示:在通用选项卡中对控件的“格式”进行设置,格式有四种,我们选择“2-dtpTime”,选择完成后我们点击“确定”,ATime控件就由日期变为时间了。如图三所示: 3.2)控件属性介绍: 主要使用到的是控件的几个属性和事件: * 属性:Day、Month、Year、DayOfWeek、Hour、Minute、Second * 事件:Click、DoubleClick、MouseDown、MouseUp、MouseMove 3.3)控件使用: 控件的使用主要是通过控件的属性和事件来实现的,例如,我们可以通过控件的Day、Month、Year属性来获取日期信息,通过控件的Hour、Minute、Second属性来获取时间信息。 4.进入运行系统: 在组态王中,点击“运行”按钮,进入运行系统,控件就可以正常工作了,如图九所示: 微软日历控件在组态王中的使用非常方便和灵活,通过本文的介绍,读者可以更好地理解组态王应用中日历控件的使用方法和步骤。

相关推荐

filetype
<%@ 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>
wxswbsf
  • 粉丝: 0
上传资源 快速赚钱