JQuery is fast and rich Javascript library. It create things in html documents, event handling and animations. It is easy to use API that works across a multitude of browsers.
Introduction
The
date picker (options)
method
declares that an <input> element should be managed as a date
picker. The options
parameter is an object that specifies
the behavior and appearance of the date picker elements.Inline Functionality of Date picker
In jQuery, Inline date picker allows the user to visible datews inline or sequal form.In other words we can say that in order form with out text box format.Date pickers also allow
users to enter dates easily and visually. we can easily customize the
date format and language, restrict the selectable date ranges and add in
buttons and other navigation options.
Inline Functionality Of Date Picker
JQuery provides Inline date picker functionality that transforms the <input>,
<div>, and <span> elements in the wrapped set into a date picker
control. Inline Date picker () method that creates a date picker and changes
the appearance of HTML elements on a page by adding new CSS classes.
Here we mentioned an example for Inline Date Picker() method default functionality.
This style sheet links should be written in the head tag
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
</head>
The function code of the
Inline date Picker functionality is mentioned in
head tag.This should be written after the link sheets mentioned above.
<script>
$(function () {
$("#datepicker").datepicker();
});
</script>In the above code we have mention
Inline date picker. Note : Inline date picker and Default date picker looks similar in function but different in working their functionality.
We have to write the code in body tag here below it is shown clearly
Date: <div id="datepicker"></div>
In the above code, we have Inline date picker code. In this we use <Id/> attribute.
Example of the written Inline Date picker code is shown below
Fig(1)
Fig(2)
From the above example we can see clearly that Inline date picker functionality from the fig(2) (White color appeard on date 24).
Conclusion
In this article we discussed about Inline Date picker functionality in
Jquery. Hope you understand
Reference
www.dotnetfunda.comwww.jquery.com