×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
PHPでカレンダー入力
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" >
<style type="text/css">
<!--
.ui-datepicker{
font-size: 200%;
}
-->
</style>
<script>
$(function() {
$("#datepicker").datepicker();
$("#datepicker").datepicker("option", "showOn", 'button');
$("#datepicker").datepicker("option", "buttonImageOnly", true);
$("#datepicker").datepicker("option", "buttonImage", './img/calender.gif');
});
</script>
<input id="datepicker" name="nyuymd" type="text" 、、、
複数ある場合は
$(function() の#datepickerを別名で追加
option区でボタンの表示やクリックでの起動等の設定が可能
サイズは
<style type="text/css">
<!--
.ui-datepicker{
font-size: 300%;
}
-->
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" >
<style type="text/css">
<!--
.ui-datepicker{
font-size: 200%;
}
-->
</style>
<script>
$(function() {
$("#datepicker").datepicker();
$("#datepicker").datepicker("option", "showOn", 'button');
$("#datepicker").datepicker("option", "buttonImageOnly", true);
$("#datepicker").datepicker("option", "buttonImage", './img/calender.gif');
});
</script>
<input id="datepicker" name="nyuymd" type="text" 、、、
複数ある場合は
$(function() の#datepickerを別名で追加
option区でボタンの表示やクリックでの起動等の設定が可能
サイズは
<style type="text/css">
<!--
.ui-datepicker{
font-size: 300%;
}
-->
</style>
PR