HTML 时间控件

HTML 时间控件在做表单的时候,有时候需要输入时间,为了避免输入的麻烦,可以选择一些现成的时间控件。本文提供一个简单的样例,示例代码如下:(要成功运行,需要保持和本文对应的目录结构)。js/css/。

大家好,又见面了,我是你们的朋友全栈君。

在做表单的时候,有时候需要输入时间,为了避免输入的麻烦,可以选择一些现成的时间控件。本文提供一个简单的样例,示例代码如下:(要成功运行,需要保持和本文对应的目录结构)。js/ css/ 。

<!DOCTYPE html>
<html>
<meta charset="utf8"> </meta>
<head> 这是汉字 </head>
<script src="js/jquery.js"> </script>
<script src="js/jquery.datetimepicker.js"> </script>
<link rel="stylesheet" href="css/jquery.datetimepicker.css"/>


<body>


<h3>Destroy DateTimePicker</h3>
<input type="text" id="datetimepicker6"/>
<!--
<input id="destroy" type="button" value="destroy"/>
--!>
</body>

<script>
$('#datetimepicker6').datetimepicker();
//$('#destroy').click(function(){
//	if( $('#datetimepicker6').data('xdsoft_datetimepicker') ){
//		$('#datetimepicker6').datetimepicker('destroy');
//		this.value = 'create';
//	}else{
//		$('#datetimepicker6').datetimepicker();
//		this.value = 'destroy';
//	}
//});
</script>
</html>

其中比较核心的就是引入 js 代码和 css 样式,这是引入控件包含的所有的内容。可以从这里获得 
datetimepicker,拿到本文上面提到的3个js文件就行,在需要的地方引入他们,就可以使用了。需要注意的是,不要忽略最开头的<!DOCTYPE html> 。为了深刻,不放去掉试试!

HTML 时间控件

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/142197.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Charles打断点修改请求数据&响应数据

    Charles打断点修改请求数据&响应数据

    2021年7月13日
  • OpenCV里IplImage的widthStep参数 和width参数

    OpenCV里IplImage的widthStep参数 和width参数前者是表示图像的每行像素数,后者指表示存储一行像素需要的字节数。在OpenCV里边,widthStep必须是4的倍数,从而实现字节对齐,有利于提高运算速度。如果8U单通道图像宽度为3,那么widthStep是4,加一个字节补齐。这个图像的一行需要4个字节,只使用前3个,最后一个空着。也就是一个宽3高3的图像的imageData数据大小为4*3=12字节。

    2022年5月24日
  • CDH6.1.0环境搭建 完成后 登录admin账户失败

    CDH6.1.0环境搭建 完成后 登录admin账户失败CDH环境搭建完成,启动cloudera-manager-server成功,下面是启动日志[root@node-1~]#sudosystemctlstartcloudera-scm-server[root@node-1~]#sudotail-f/var/log/cloudera-scm-server/cloudera-scm-server.log2019-02-14…

    2022年5月12日
  • window location href无反应,不跳转的情况的解决

    window location href无反应,不跳转的情况的解决在进行js练习的时候,遇到了一个问题,在操作页面跳转的时候,使用window.location.href无法进行跳转,经过一系列的排查,和分析,最终解决这个问题。$("#quit").click(function(){debugger;if(confirm("你确定要退出嘛?")){sessionStorage.r…

    2022年7月12日
  • 阿里巴巴Java开发手册(全册四版)

    阿里巴巴Java开发手册(全册四版)阿里官方Java代码规范标准《阿里巴巴Java开发手册2017/2018/2019/2020》小白必备!!!2017年9月25日,阿里巴巴Java开发手册正式发布,至今为止已更迭了四个版本,分别是2017(终极版)、2018(详尽版)、2019(华山版)、2020(泰山版),值得收藏。

    2022年7月7日
  • 用webBrowser打开网页出现脚本错误怎么办

    当IE浏览器遇到脚本错误时,在浏览器左下角会出现一个黄色图标,点击可以查看脚本错误的详细信息,并不会有弹出的错误信息框。我们在用webBrowser编写的程序打开网页,遇到脚本有问题是,会弹出一个错误

    2021年12月27日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号