日付と時間のピッカー
2014/05/22
ここだとbootstrap使用だけど、他に良さそうなものがあったのでメモ。
■参考サイト
http://103px.blog.fc2.com/blog-entry-28.html
■サンプル
http://sample.taitan916.info/datetimepicker2/
■ソース
<html>
<head>
<meta HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<link href="./css/datepicker.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="./js/jquery-ui-1.9.2.min.js"></script>
<script type="text/javascript" src="./js/jquery.ui.datetimepicker.js"></script>
<script type="text/javascript" src="./js/jquery.ui.datetimepicker-jp.js"></script>
<script type="text/javascript">
$(function(){
$("#calender").datetimepicker();
});
</script>
</head>
<body>
<form action="" method="post" name="">
<input type="hidden" name="mode" value="regist">
<table>
<tr>
<th>日時</th>
<td colspan="3"><input type="text" id="calender" name="calender"></td>
</tr>
</table>
</form>
</body>
</html>
■注意点
いつも使っているgoogleAPIのjQueryuiでは上手いこといかなかった。
下記からダウンロードして使うことで改善された。
関連記事
-
-
PHPでtry～catch文
PHPでもあるってのを知らなかったのでメモ。 ■参考サイト http://www ...
-
-
PHPとSQLiteでi-mobileのデータをグラフ化
i-mobileでクリック保証のアフィリエイトだけど数値が並んでいるだけでグラフ ...
-
-
PHPのcURLでnot found判別方法
cURLを使う際に、 if( curl_exec($ch) ){ //succe ...
-
-
PHPで画像にロゴをつける
フォームから送られてきた画像にロゴをつけたかった。 結論としてclass.upl ...
-
-
jQuery.uploadでリアルタイムプレビュー
やりたい事は、 ・<input type="file">で画像を選択 ...
-
-
PHPからPOST送信する方法
PHPから他サーバのAPIに対してPOSTでリクエストしたかった。GETだったら ...
-
-
PHPで画像のサイズや拡張子等、詳細情報を取得
PHPで画像のサイズや拡張子等、詳細情報を取得する際 いつもググってしまっていた ...
-
-
メールサーバーを構築せずにGmailのSMPTを使ってPHPでメール送信
メールサーバーが立てられなかったり、無料サーバーのため使えなかったりといった場合 ...
-
-
エラー管理まとめ2
これに続いてちょっとだけつまづいた点があったのでメモ。 ■ソース //ページTO ...
-
-
PHPでcharset
header("Content-Type: text/html; charset ...