平成30/ 2018-10-21 05:33
Javascript 日付 カレンダー 入力補助
こんな感じでいい。

<script src="http://0-oo.googlecode.com/svn/yahho-calendar.js"></script>
<script src="http://0-oo.googlecode.com/svn/gcalendar-holidays.js"></script>
<script>
<!--
var d = new Date();
//今日以降のみを選択可能にする(コメントアウトすれば過去の日付が表示される)
YahhoCal.setMinDate(d.getFullYear(), d.getMonth() + 1, d.getDate());
//7日後までを選択可能にする
//YahhoCal.setMaxDate(d.getFullYear(), d.getMonth() + 1, d.getDate() + 7);

YahhoCal.format.delimiter = "-"; //セパレータを[ - ] にする通常は[ / ]
YahhoCal.format.padZero = true;  //ゼロパディングする

YahhoCal.loadYUI();
//-->
</script>

<?php
for($i=1;$i<=3;$i++){
?>
    <tr>
        <th>第<?php echo h($i); ?>希望</th>
        <td>回収日: <input name="hope_dt<?php
    echo h($i); ?>[]" id="hope_dt<?php echo h($i); ?>[]" type="text" value="<?php
    echo $dt["hope_dt{$i}"][0]; ?>" class="com_wd02" /> 
                                        <input name="cal_btn<?php echo h($i);
?>" id="cal_btn<?php echo h($i);
?>" type="button" value="カレンダー" onclick="YahhoCal.render('hope_dt<?php echo h($i); ?>[]');" />  時間:

        <select name="hope_dt<?php echo h($i); ?>[]">
        <option value="指定なし">指定なし</option>
<?php
    foreach(array("9時~12時", "11時~14時", "13時~16時", "15時~18時", "18時~20時") as $val){
?>
                                            <option value="<?php echo h($val); ?>"<?php
        if(
        $val == $dt["hope_dt{$i}"][1]
        ) {
            echo ' selected="selected"';
        } ?>><?php echo h($val); ?></option>
<?php
    }
?>


( Thank. )
http://0-oo.net/sbox/javascript/yahho-calendar
http://webcache.googleusercontent.com/search?q=cache:z3imU3XLViEJ:0-oo.net/sbox/javascript/yahho-calendar+YahhoCal%E3%80%80%E5%8C%BA%E5%88%87&cd=3&hl=ja&ct=clnk&gl=jp&client=firefox-a&source=www.google.co.jp
http://0-oo.net/sam/yahho-calendar/format.html