jQuery Date and TimePicker

Question

I am trying to use the date and time picker located at

http://razum.si/jQuery-calendar/TimeCalendar.html

However this picker works only if the jquery-ui.js is not included. It looks like it conflicts with something with the base jquery-ui.js.

The jquery core api is required.

Any insight would be helpful.

thanks in advance.

The code is

     <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="jquery-calendar.js"></script> 
    <link rel="stylesheet" type="text/css" href="jquery-calendar.css" /> 
    <link rel="stylesheet" type="text/css"  href="styles.css" /> 
    <script type="text/javascript"> 
    //<![CDATA[
        $(document).ready(function (){ 
            $("#calendar1").calendar();

        });
    //]]>
    </script> 

and the code to bring the popup on focusing on input field is

 <input type="text" id="calendar1" class="calendarFocus"/>

The script can be seen by looking into the source of the page, for which link is given above. (I am not able to post more links here, as stack overflow is not allowing it).

Answer 1

Hard to say without seeing your code,

However if u continue to have problems with this date picker.. I have always used THIS one, really easy and looks great too.

Answer 2

You can try to download the jquery UI with only the modules that you need. (So without the datepicker).

Answer 3

I'm not sure what you mean. You use jQuery in you page and you want to use the razum timecalender, but that one clashes with jquery?

Maybe use the jQuery UI version? Probably easier to implement because you already have jQuery. see here

Answer 4

If your still stuck with this date.time picker i found this post which has some nice finds on it:

http://stackoverflow.com/questions/1245245/jquery-datetime-picker

Answer 5

I'm not familiar with this plugin. But I override jQuery UI's autocomplete with the Pengoworks one by placing the script call after the UI call:

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.7.3.custom.min.js"></script>
<script type="text/javascript" src="/js/jquery.autocomplete.js"></script>