Display only previous (past) 3 months from Current date in jQuery DatePicker

wozniak

SOLVED CLOSED ACTIVE ANSWERED
User: wozniak
Posted: on Feb 26, 2016 10:57 AM
Forum: jQuery and jQuery Plugins
Answer: 2
Views: 19277
Sample Code: Download

Hello Guys!

How to show only previous 3 months and 90 days from current date. Here's my code.

<!doctype html>
<html lang="us">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Example Page</title>
	<link href="jquery-ui.css" rel="stylesheet">
	<style>
	body{
		font: 62.5% "Trebuchet MS", sans-serif;
		margin: 50px;
	}
	
	</style>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>

<script src="external/jquery/jquery.js"></script>
<script src="jquery-ui.js"></script>
<script>

$( "#datepicker" ).datepicker({
	inline: true,
	changeMonth: true,
	changeYear: true,
	minDate: -20, 
	maxDate: "+1M +1D"
});

</script>
</body>
</html>

Any help? Thanks guys!

Download FREE API for Word, Excel and PDF in ASP.Net

Shashika...

0 3

Reply
ANSWER
User: Shashikant
Replied: on Feb 29, 2016 02:23 AM
Modified: on Mar 15, 2016 01:44 AM
Report

Hi,

Please refer below sample.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">
    <script type="text/javascript">
        $(function () {
            $("#txttgl").datepicker(
            {
                hideIfNoPrevNext: true,
                minDate: '-3M',
                maxDate: '+90D'
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="row">
        <div class="col-sm-12">
            <div class="form-group">
                <label class="col-sm-2">
                    Select Date</label>
                <div class="col-sm-3">
                    <input type="text" id="txttgl" />
                </div>
            </div>
        </div>
    </div>
    </form>
</body>
</html>

Demo

I hope this will help you out.

wozniak

0 4

Reply
ANSWER
User: wozniak
Replied: on Mar 14, 2016 12:33 PM
Report

I've solved it.

As per my requisition...

minDate:'-3M 0D', //which gives the previous 3 months

maxDate:'0D' //to show till current date

Anyways, thanks for the help guys! Appreciate much

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Display only previous (past) 3 months from Current date in jQuery DatePicker

Company

Explore

Follow us

Contact Us