纯JS写的只有时分的时间控件

最新推荐文章于 2024-08-28 14:25:09 发布

Tomorrow YE

最新推荐文章于 2024-08-28 14:25:09 发布

阅读量1.5k

点赞数

分类专栏： HTML5前端

本文链接：https://blog.csdn.net/qq_29301417/article/details/48549819

版权

这是一个使用纯JavaScript编写的简单时间选择控件，包括小时和分钟的下拉选择，并提供了显示和隐藏时间框的逻辑。用户点击确定按钮可以选择时间，通过函数`_SetTime`定位并显示时间控件。

摘要由CSDN通过智能技术生成

/**
 * 以下是时间框输入框架
 */
var str = "";
document.writeln("<div id=\"_contents\" style=\"padding:6px; background-color:#E3E3E3; font-size: 15px; " + "border: 1px solid #777777; position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1000; display:none\">");
str += "\u65f6<select id=\"_hour\">";
for ( h = 0; h <= 9; h++) {
str += "<option value=\"0" + h + "\">0" + h + "</option>";
}
for ( h = 10; h <= 23; h++) {
str += "<option value=\"" + h + "\">" + h + "</option>";
}
str += "</select> \u5206<select id=\"_minute\">";
for ( m = 0; m <= 9; m++) {
str += "<option value=\"0" + m + &#