码迷,mamicode.com
首页 > Web开发 > 详细

HTML 时间控件

时间:2015-01-25 19:42:46      阅读:312      评论:0      收藏:0      [点我收藏+]

标签:html   控件   表单   

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

标签:html   控件   表单   

原文地址:http://blog.csdn.net/typeof_/article/details/43116533

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!