Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Date Picker with Simple Javascript or Jquery

I have a form with multiple date fields, Can anyone suggest me simple date picker in jquery or in simple javascript?

like image 837
Thinker Avatar asked Dec 26 '09 13:12

Thinker


3 Answers

Here's a really simple (no JS frameworks required) one I made, i hope you find it useful. It looks like this: alt text

And here's the links:

  • http://splinter.com.au/javascript-date-picker-that-doesnt-sucktm
  • http://github.com/chrishulbert/datepicker
like image 143
Chris Avatar answered Oct 14 '22 16:10

Chris


You can check with the EJ2 DatePicker from Syncfusion. The Syncfusion Essential JS 2 DatePicker is a modern JavaScript UI Controls library that has been built from the ground up to be lightweight, responsive, modular and touch friendly. Here is the code sample to render the EJ2 DatePicker.

[datepicker.html]

<html>

<head>
    <script src="https://cdn.syncfusion.com/ej2/dist/ej2.min.js"></script>
    <link href="https://cdn.syncfusion.com/ej2/material.css" rel="stylesheet">
</head>

<body>
    <input id="datepicker" type="text">

    <script>
        var datepicker = new ej.calendars.DatePicker({ width: "255px" });
        datepicker.appendTo('#datepicker');
    </script>
</body>

</html>

Live Demo: https://stackblitz.com/edit/zfby6h-uep3wc?file=index.html

To explore more about EJ2 DatePicker and its functionalities, check out the following links,

Documentation: https://ej2.syncfusion.com/javascript/documentation/datepicker/es5-getting-started
Feature Tour: https://www.syncfusion.com/javascript-ui-controls/datepicker
Demo Samples: https://ej2.syncfusion.com/demos/#/material/datepicker/default.html

For any assistance, You can ask through Syncfusion forums.

like image 24
christo issac Avatar answered Oct 14 '22 18:10

christo issac


I used Keith Wood's datepicker which is now merged to JQuery UI, and now became JQuery UI Date Picker. Its simple to edit it and I even made some changes to it to make it do what I desired for my project.

Thanks

like image 33
Mahesh Velaga Avatar answered Oct 14 '22 17:10

Mahesh Velaga