时间控件(Time Control)

article/2025/9/23 3:31:15

      之前在网上看时间控件,看到这个http://hi.baidu.com/fxh19860822/blog/item/dd17d923343556ae4623e8e9.html,感觉颜色蛮好的,后来觉得要是时针、分针、秒针也可以供用户交互就更好了,不管怎样,有了idea就试试吧。

      老规矩,先看效果图吧(钟面的颜色用了上面给出地址中时钟的钟面颜色)。

      

     先简单的介绍一下功能吧:这个时间控件,三个指针可以和用户交互,还记得以前那种老式坐钟,就是通过三个指针来调整时间的。整个程序后台有时间触发器,注意文本框中时间的显示变化,会自动根据当前调到的时间向上累加,同时,时针特别需要区分上午、下午,所以在程序中需要特别处理时针,记录时针转动的方向和转动的圈数,如果注意看,可以发现,在转动时针的时候,文本框中的时间会自动的根据当前时间和转动的圈数来判断是上午(-12)还是下午(+12),同时,还可以在文本框中自动输入数字,这样,三个指针也可以自动定位到所指示时间的位置。

    其实,这个控件的实用性感觉不强,浪费这么大的空间就为了设置一个时间,VS中本身提供的时间控件都已经足够强大了。哈哈。/Files/wangyong/时间控件.rar,感兴趣的可以试试效果。

转载于:https://www.cnblogs.com/wangyong/archive/2010/08/27/1810276.html


http://chatgpt.dhexx.cn/article/ATtwHhPD.shtml

相关文章

时间日期选择控件

这篇blog带来一个感觉不错的时间日期选择控件,当然,该控件也可以自定义选项内容。但这里主要说下时间选择的功能! github地址 跟着大神的脚步,总有一天会成为神! 效果: 关键点: 该控件可以…

jqueryUI日期控件和时间控件

日期控件用法&#xff1a; <!DOCTYPE html> <head><meta charset"utf-8"><title>日期</title><link rel"stylesheet" href"css/jquery-ui.css"><script src"js/jquery-3.3.1.min.js"><…

Timer时间控件

第一步、创建一个Windows窗体&#xff0c; 第二步、创建样式&#xff0c;在工具箱中找到TextBox和Labell、Button、timer。 第三步、改变属性的Name和 Text&#xff08;就是改写名称&#xff09; 第四步、排版按钮 1&#xff1a;使用的控制器是Label&#xff1b;name改为lbl…

web前端时间控件使用

官方参考地址&#xff1a;http://www.layui.com/laydate/ 1.首先把下载的layDate文件夹放入项目目录下 2.在需要使用的页面引入/layDate/laydate.js 3.创建input并使用js初始化input&#xff0c;获取选择时间值时只需获取input的value即可 官方实例&#xff1a; 生成效果&a…

时间日期控件的使用

在Android中&#xff0c;时间日期控件相对来说还是比较丰富的。其中&#xff0c;DatePicker用来实现日期输入设置&#xff0c;TimePicker用来实现时间输入设置。DatePickerDialog用来显示日期对话框&#xff0c;TimePickerDialog用来显示时间对话框。AnalogClock用来显示一个指…

Android中日期和时间控件的使用

本文主要讲述Android中的日期控件和时间控件的使用&#xff0c;以一个Demo的例子来展示日期和时间控件的使用&#xff0c;先看下如下效果图&#xff1a; 从效果图中可以看到该Demo是通过单击【选择日期】按钮和【选择时间】按钮弹出日期或者时间的对话框&#xff0c;然后设置日…

前端时间控件

1.My97 Datepicker js引入&input标签编写 <script type"text/javascript" src"<%request.getContextPath() %>/js/My97DatePicker/WdatePicker.js"></script> <input style"width: 80%" id"showStartDate&quo…

Android开发之日期时间控件选择

Android开发之日期时间控件选择 文章目录 前言一、创建弹出Layout1.1 新建Layout&#xff0c;修改样式为LinearLayout1.2 Layout中添加日期和时间控件 二、新建DateTimeDialog2.1 创建静态方法2.1.1 创建SetDateDialog&#xff0c;用于选择日期2.1.2 SetDateDialog中绑定textVi…

Web前端-时间日期控件

需求&#xff1a;同时可以选择 时间 和 日期 通过设置type属性为datetime&#xff0c;即可在同一个选择器里同时进行日期和时间的选择 <template><div class"block"><span class"demonstration">默认</span><el-date-pickerv…

android时间控件

原文地址&#xff1a;http://www.360doc.com/content/14/0617/16/18203124_387517665.shtml 前言 这一篇博客分别讲解Android平台下&#xff0c;关于日期和时间的几个相关控件。包括DatePicker&#xff08;日期选择控件&#xff09;、TimePicker&#xff08;时间选择控件&…

时间控件(选择时间范围的插件)

后台开发&#xff0c;一般都是有筛选条件的查询&#xff0c;那么问题就来了&#xff0c;根据日期范围搜索的情况下&#xff0c;插件要怎么选&#xff1f;&#xff1f;&#xff1f;&#xff1f; 这个是最开始&#xff0c;我采用的是两个时间插件&#xff0c;其他也没啥&#xff…

jQuery时间控件

时间控件 <!DOCTYPE html> <html><head><title></title><meta http-equiv"Content-Type" content"text/html; charsetutf-8" /><style>.dateinputer{line-height:40px;height:40px;margin:10px 0;border:1px s…

日期/时间控件DateTimePicker

概述&#xff1a; DateTimePicker外观像一个组合框&#xff0c;用于显示日期和时间。当单击其下拉箭头时&#xff0c;会出现一个按月份显示的日历&#xff0c;用户可以从中选择日期。 1、时期/时间控件的属性 属性说明Format用于设置显示日期/时间的格式&#xff0c;可选以下值…

时间控件

最近做了一些前端的时间控件的应用&#xff0c;下边总结一下用的这些控件。 一 Bootstrap的datetimepicker 1. 首先导入必须的css和js文件 <link href"http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel"style…

Chrome vimium 插件

今天发现了一个好玩的Google插件 > vimium直接进入Google官方下载就行&#xff0c;因为我已经下载了&#xff0c;所以后边显示的是评分&#xff0c;没有下载显示的是 添加至Chrome大概意思就是像使用Vim编辑器一样使用Chrome这个是命令文档&#xff0c;翻译不是很难这里就不…

谷歌浏览器chrome翻译插件完美解决开发者模式插件问题

Chrome浏览器之所以让很多人喜欢&#xff0c;是因为它安全、速度快&#xff0c;更重的是它拥有丰富的扩展程序。让普通的浏览器也变得更友好方便。 完美解决谷歌浏览器开发者模式插件弹窗问题 当你在使用一些非谷歌商店认证过的插件、破解过的插件&#xff0c;或者直接使用开发…

谷歌翻译无法使用?Chrome 浏览器翻译插件使用步骤。

原因&#xff1a;由于谷歌翻译停止了在中国服务。导致了Chrome浏览器的翻译功能无法正常使用。 介绍一款开源工具GitHub - Ponderfly/GoogleTranslateIpCheck 1. 原理&#xff1a;检测国内可用的谷歌翻译IP地址&#xff0c;将其添加到本机&#xff0c;通过DNS解析访问谷歌翻译 …

html翻译插件,翻译插件:ImTranslator

ImTranslator的开发背景 在使用chrome阅读网页的时候&#xff0c;经常会遇到一些陌生的外文单词或者语句不熟悉&#xff0c;如果打开外部的翻译软件进行翻译就太麻烦了&#xff0c;今天给大家推荐一款直接在chrome中直接翻译的谷歌浏览器插件&#xff0c;支持多种多种翻译模式和…

教你如何快速的安装Google翻译插件

第一步&#xff1a;下载翻译插件 我这里推荐到-->极简插件_Chrome扩展插件商店_优质crx应用下载 第二步&#xff1a;解压下载的安装包 1&#xff09;、对下载的插件包进行解压 2&#xff09;、解压好后打开其文件夹 第三步&#xff1a;更改解压文件里的.crx文件为.rar(压缩…

ubuntu20.04中安装划词翻译_Chrome翻译插件【沙拉查词】amp;【彩云小译】

定位: 【彩云小译】—— 网页翻译(网页版还有文档翻译、视频翻译功能) 【沙拉查词】—— 聚合划词翻译、PDF文档划词翻译 【彩云小译】主打的是网页翻译,相比其他的网页翻译插件,其优势在于,网页是同时显示英文和中文的,这样对于某些翻译不通顺的地方,也可以自己快速对…