I try to use a Bootstrap timepicker.
My VF page :
<apex:page controller="MyController">
<script type="text/javascript" src="{!URLFOR($Resource.Bootstrap, '/js/bootstrap-timepicker.min.js')}"></script>
<apex:stylesheet value="{!URLFOR($Resource.Bootstrap, '/css/bootstrap-timepicker.min.css')}"/>
<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"/>
<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"/>
<script>jQuery.noConflict();</script>
<apex:form>
<div class="input-append bootstrap-timepicker">
<input id="timepicker1" type="text" class="input-small"/>
<span class="add-on"><i class="icon-time"></i></span>
</div>
</apex:form>
<script type="text/javascript">
$('#timepicker1').timepicker();
</script>
</apex:page>
But I have this error :
TypeError: $(...) is null
I use this link to do it : http://jdewit.github.io/bootstrap-timepicker/