How to place JQuery Date Picker for DOB

sandeep somarajupalli

11y2.8k

Hi There,

I have a requirement for date field, to placing a date picker. Here right now am using HTML date picker, but it is not a user friendly. Then i planned to place a Zebra date picker, i place for date field using zebra date picker, date picker is not applied as i place based on demo. I gave script files also. can any one help me how to fix it.

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rajeesh Menoth11y ago
Hi,

Ref the following ..

1) http://www.jqueryscript.net/demo/Compact-Highly-Configurable-jQuery-Datepicker-Plugin-Zebra-Datepicker/examples/

2) https://jqueryui.com/datepicker/
0
Upendra Pratap Shahi11y ago
Your welcome sandeep somarajupalli,

if this helps you kindly accept the answer.
0
sandeep somarajupalli11y ago
Thanks Upendra for replying my question. this helps me
0
sandeep somarajupalli11y ago
This Rakesh , for replying my question.This is help to me
0

Rakesh11y ago


<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionalitytitle>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js">script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js">script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  script>
head>
<body>
 
<p>Date: <input type="text" id="datepicker">p>
 
 
body>
html>

Upendra Pratap Shahi11y ago
Hello,

use this-

$(function() {
$( "#datepicker" ).datepicker({
dateFormat : 'mm/dd/yy',
changeMonth : true,
changeYear : true,
yearRange: '-100y:c+nn',
maxDate: '-1d'
});
});

Look on below link-
http://jsfiddle.net/AxMsC/1/

http://www.jqueryscript.net/time-clock/Customizable-Dropdown-Birthday-Picker-Plugin-with-jQuery.html
+1