Simple DatePicker-like Calendar

Question

Can anyone recommend a simple datepicker calendar that I can use for a blog to link to different urls rather than for a form? jquery or css based would be good. When clicking next/prev month I don't want it reload page.

Breezer · Accepted Answer · 2010-12-04T05:04:28.090

18

jquery ui has a great datepicker you can find it here

http://jqueryui.com/demos/datepicker/

you can use

http://jqueryui.com/demos/datepicker/#event-onSelect

to make your own actions when a date is picked

and if you want it to open without a form you could create a form that's hidden and then bind a click event to it like this

$("button").click(function() {
    $(inputselector).datepicker('show');
});

edited Dec 04 '10 at 05:04

answered Dec 02 '10 at 06:43

Breezer

10,410
6
29
50

1

Seconded; jQuery UI in general is great. Would +1, but out of votes. – El Yobo Dec 02 '10 at 06:43
well it's the thought that counts ^^ – Breezer Dec 02 '10 at 06:46
Moral support is better than no support, I guess :) – El Yobo Dec 02 '10 at 06:57
1

I checked and it's tied to an input form. I wrote that I need to use for a blog to link to different urls rather than for a form, can this be done? – abalone Dec 04 '10 at 04:44
This is an awesome date time picker solution. Thanks !!!! – Marcel Mar 28 '15 at 10:15

score 5 · Answer 2 · answered Sep 02 '15 at 07:21

5

No need to include JQuery or any other third party library.

Specify your input date format in title tag.

HTML:

<script type="text/javascript" src="http://services.iperfect.net/js/IP_generalLib.js">

Body

<input type="text" name="date1" id="date1" alt="date" class="IP_calendar" title="d/m/Y">

answered Sep 02 '15 at 07:21

Neeraj Dhekale

61
1
5

1

That was a really simple and great solution. Thanks for this. I found it during a web search. – Renegade Rob Mar 01 '16 at 01:59

score 1 · Answer 3 · answered Nov 07 '12 at 01:26

1

Here is the MooTools date picker

http://www.monkeyphysics.com/mootools/script/2/datepicker Example http://www.monkeyphysics.com/mootools/script/2/datepicker#examples

answered Nov 07 '12 at 01:26

admoghal

1,498
1
10
5

score 1 · Answer 4 · answered Nov 08 '13 at 01:37

1

this datepicker is an excellent solution. datepickers are a must if you want to avoid code injection.

answered Nov 08 '13 at 01:37

tony gil

9,424
6
76
100

score 1 · Answer 5 · answered Dec 02 '10 at 06:47

1

I'm particularly fond of this date picker built for Mootools: http://electricprism.com/aeron/calendar/

It's lovely right out of the box.

answered Dec 02 '10 at 06:47

Brandon Durham

7,096
13
64
101

score 1 · Answer 6 · answered Dec 02 '10 at 06:54

1

How about the Dijit Calendar from the Dojo framework? It's pretty cool and very easy to implement. I always use this calendar.
https://www.dojotoolkit.org/reference-guide/dijit/Calendar.html

answered Dec 02 '10 at 06:54

Bat_Programmer

6,717
10
56
67

score -1 · Answer 7 · answered Aug 24 '17 at 07:32

-1

Use amsul datepicker Package. for step by step integration http://phpnotebook.com/index.php/95-laravel/109-how-to-integrate-datepicker-in-laravel-5

answered Aug 24 '17 at 07:32

Karthik

5,589
18
46
78

score -2 · Answer 8 · answered Dec 02 '10 at 06:44

-2

jQuery datepicker is good option

answered Dec 02 '10 at 06:44

Chinmayee G

7,947
2
31
41

Simple DatePicker-like Calendar

8 Answers8

Linked