Labels

Wednesday, May 21, 2014

fromDate and toDate piker html source code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />  
    <title>Untitled Document</title>
    <link

href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/j

query-ui.css" rel="stylesheet" type="text/css"/>
    <script

src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"><

/script>
    <script

src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-

ui.min.js"></script>

<script type="text/javascript">
    $(function() {
        var dates = $( "#from, #to" ).datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 2,
            onSelect: function( selectedDate ) {
                var option = this.id == "from" ? "minDate" :

"maxDate",
                    instance = $( this ).data( "datepicker" ),
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date

);
            }
        });
    });
    </script>
  </head>

<body>
<div class="date">

<label for="from">From</label>
<input type="text" id="from" name="from"/>
<label for="to">to</label>
<input type="text" id="to" name="to"/>

</div><!-- End demo -->

</html>

No comments:

Post a Comment