Jquery timepicker

Jquery datepicker

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
 
 
</body>
</html>

Source: jqueryui.com

Jquery datepicker

$( "#datepicker" ).datepicker();

How to use jquery timepicker

$('.timepicker').timepicker({
    timeFormat: 'h:mm p',
    interval: 60,
    minTime: '10',
    maxTime: '6:00pm',
    defaultTime: '11',
    startTime: '10:00',
    dynamic: false,
    dropdown: true,
    scrollbar: true
});

Source: timepicker.co

Timepicker in jquery

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">

Source: timepicker.co

Jquery timepicker

$('.timepicker').timepicker({
    timeFormat: 'h:mm p',
    interval: 15,
    minTime: '10',
    maxTime: '6:00pm',
    defaultTime: '11',
    startTime: '10:00',
    dynamic: false,
    dropdown: true,
    scrollbar: true
});

Source: timepicker.co

Similar codes

0 vote147 views1 answer
Jquery if in page
Javascript jQuery
2 votes146 views1 answer
To set the text of button using Jquery
Javascript jQuery
0 vote145 views1 answer
Jquery change the label of a value in select
Javascript jQuery
17 votes176 views6 answers
Check if element is visible jquery
Javascript jQuery
2 votes177 views3 answers
Jquery set html of element
Javascript jQuery
0 vote154 views1 answer
How can I select all elements without a given class in jQuery?
Javascript jQuery
0 vote171 views1 answer
Jquery to another page
Javascript jQuery
18 votes150 views3 answers
Disable input field with jquery
Javascript jQuery
23 votes206 views3 answers
How to get clicked radio button value in jquery
Javascript jQuery
0 vote169 views4 answers
Set dropdown in jquery
Javascript jQuery