I have a form with multiple date fields, Can anyone suggest me simple date picker in jquery or in simple javascript?
Here's a really simple (no JS frameworks required) one I made, i hope you find it useful. It looks like this:
And here's the links:
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.
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With