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.


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">

Other Items in js
Page Views

This page has been viewed 1258 times.

Search Code
Search Code by entering your search text above.

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.


Random Quote
There is a qualitative and quantitative difference between a day that begins with a little exercise, a book, meditation, a good meal, a thoughtful walk, and the start of a day that begins with a smartphone in bed.