HTML 时间控件

来源：互联网发布：淘宝虚假交易如何挽救编辑：程序博客网时间：2024/05/23 21:53

在做表单的时候，有时候需要输入时间，为了避免输入的麻烦，可以选择一些现成的时间控件。本文提供一个简单的样例，示例代码如下：（要成功运行，需要保持和本文对应的目录结构）。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> 。为了深刻，不放去掉试试！

1 0