jqueryui date selector

This has to be one of the most used date picker items from jquery ui. And its usually the reason i even include jquery ui.

Without using a theme this one looks pretty good.

This version of it does not come with a time picker, but i will add a demo for that next.

simple usage

<script>$( function() {
    $( "#datepicker" ).datepicker();
  } );<script>
<input id='datepicker'>

example 1 - basic usage

here is a really basic example using the above code

example 2 - select the date format

this example shows how you can format the date once its selected.

includes

JQuery 3.2.1

<script src="https://kruxor.com/code/js/js/jquery.3.2.1.min.js"></script>

JQueryUI 1.12.1 min

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

JQueryUI 1.12.1 css

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">

Demo

Other Items in js
Page Views

This page has been viewed 302 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

❤👩‍💻🕹