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