生日、日期等用到的小日历、时间选择器

小日历、时间选择器

   编写前端页面时，有时会涉及到日期，比如选择你的出生年月日，很高大上的一个做法就是右边有一个小图标，点击时，会有一个时间选择器，下面就是实现代码。

 <div class="form-group">
      <div class="input-group date form_datetime col-sm-10" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1" >
           <input class="form-control"  type="text"  id="birthday"  readonly style="background-color: #FFFFFF; margin-left: 15px;" size=21>
                    
           <span class="input-group-addon">
                <span class="glyphicon glyphicon-th" style="margin-left: 15px; "></span>
           </span>
        </div>
        <input type="hidden" id="dtp_input1" value="" /><br/>   
  </div>