Calendar with Date and TIme

i need to use a calendar with date and time in my web project

Exactly the same like  the one here:

from where i can download similar one?

LVL 16
Kamal KhaleefaInformation Security SpecialistAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

clicking calendar date is non-functional for me on Chrome ...
and extremely slow loading the web page

on FF the page load is still very slow but not nearly as slow as Chrome and the calendar functionality at least works

There are a million and one jQuery calendar widgets out there. Just Google.
Note though that you'll most likely need to do some programming.
When the calendar date is clicked an Ajax request is sent to display the time slot box and when you click a time slot another Ajax request is sent to display the Event details for you to fill out. And when that is submitted then inserted to database.
Chances are you are not going to find that functionality all rolled up and ready to download.
If you are not a programmer then consider hiring someone - it would be a small job and not very expensive if all you need is the appointment scheduler widget shown on your link.

Good luck ...

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
This is a very nice one, never seen one like this before...

You can buy the theme to get the orginal code, this will be the easiest and cheaper way...

Or you can recreate it if you have javascript and Ajax knowledge
Using Bootsrap framework
The calendar is a table with a toggle
Time slot are button that open a modal box.
Fontawesome is use for the animation icon in modal

Tooltips is use on date slot:

Some suggestion that you can adapt:

This is a Wordpress theme
so maybe you will find the plugins in the WP plugins page...

I find this free script, it is not the same look and feel but you will maybe find it useful

In the package check
this display time slot one day at the time
SAMIR BHOGAYTATeam LeadCommented:
Hello, you can use calender like this.

<asp:TextBox class="text" ID="txtBirthDate" runat="server" Width="40%" CssClass="form-control"></asp:TextBox><img src="./images/calendar.gif"
                                                id="imgStartdate" style="padding: 7px; vertical-align: middle;" />


$(function () {
            $("#<%=txtBirthDate.ClientID %>").datepicker({
                changeMonth: true,
                changeYear: true,
                dateFormat: 'dd-M-yy',
                yearRange: '-100:+0',
                //yearrange: 'c:c+10',
                closeText: 'X'
            $("#imgStartdate").click(function () {
                $("#<%=txtBirthDate.ClientID %>").datepicker("show");

good luck on your project!
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.