anchor.diff:  					</c:forEach>
   				</select><br />
   				<label>Date:</label>		
  -				<div class="input-append date" id="dp1" data-date-format="yyyy-mm-dd">
  -					<input type="text" name="appointmentDate" readonly>
  +				<div id="dp" class="input-append">
  +					<input data-format="yyyy-MM-dd" type="text" name="appointmentDate" readonly>
   					<span class="add-on">
  -						<i class="icon-calendar" onclick="$('#dp1').datepicker('show');"></i>
  +						<i class="icon-calendar"></i>
   					</span>
   				</div>
   				<label>Time:</label>
  -				<div id="timepicker" class="input-append">
  +				<div id="tp" class="input-append">
   					<input data-format="hh:mm:ss" type="text" name="appointmentTime" readonly>
   				    <span class="add-on">
  -				    	<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
  +				    	<i class="icon-time"></i>
   				    </span>
   				</div>
     			</form>
  
positive.code: 	
  	<script type="text/javascript">
  		$(function(){
  			$('#timepicker').datetimepicker({
  				pickDate: false
  			});
  		});
  
negative.code: 	<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"></link>
  	<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
  	<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
  	<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/0.0.11/js/bootstrap-datetimepicker.min.js"></script>
  
  	<style type="text/css">
  