如何在日期列旁边添加日历弹出窗口

Question

如何将日历放在日期输入字段旁边？在PHP中 感谢。

 <div class="control-group">
     <label class="control-label">Date:</label>
     <div class="controls">
        <input required name="receiving_date" type="date" id="receiving_date"
               class="input-xlarge" min="<?php echo date('Y-m-d');?>" />
     </div>
</div>

Answer 1

你必须有一个可点击的图像，并打开想要的datepicker插件。例如：

<div class="control-group">
 <label class="control-label">Date:</label>
 <div class="controls">
    <input required name="receiving_date" type="date" id="receiving_date"
           class="input-xlarge" min="<?php echo date('Y-m-d');?>" />
<a href="javascript:showCalendar('date')"><img src="date.gif" width="19" height="17" border="0"></a>
 </div>
</div>

并在javascript中调用showCalendar函数。此页面上的详细示例：

http://www.yxscripts.com/cal_core_lite/cal_list_lite.html

希望这有帮助。