[SalesForce] Using bootstrap timepicker/datepicker in visualforce

I am trying to use a timepiker on an apex:inputField just like this figure

enter image description here

and here is my code
Visualforce

<apex:includeScript value="{!$Resource.timepicker_js}"/> 
<apex:stylesheet value="{!$Resource.timepicker_css}"/> 

<apex:inputField value="{!object.Name}" styleClass="form-control input-md field_class"/>

JScript

$j(function () {
  $j('.field_class').datetimepicker({
    pickDate: false
  });
});

The problem is that I keep getting an error that datetimepicker is not defined.

Best Answer

Sounds crazy, but try including the source directly instead of using <apex:includeScript>. I've had similar issues with jQuery Mobile before now.

<!-- Change -->
<apex:includeScript value="{!$Resource.timepicker_js}"/> 

<!-- To -->
<script type="text/javascript" src="{!$Resource.timepicker_Js}"/>
Related Topic