ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML 時間 control_html/css_WEB-ITnose
HTML 時間 control_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-06-24 11:50:151248ブラウズ
フォームを作成する際、時間を入力する必要がある場合があります。入力の手間を省くために、いくつかの既成の時間コントロールを選択できます。この記事では、簡単な例を示します。サンプル コードは次のとおりです (正常に実行するには、この記事に対応するディレクトリ構造を維持する必要があります)。 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 ファイルを取得し、必要な場所に導入するだけで使用できます。先頭の を無視しないでください。深みを出すために、残さずに取り外してみましょう！ 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。