Script i am using shown below.Date picker is showing on screen but it is applying to all input fields.( WHat should i change to get only for a particular input field. I tried with id rangeA but still it is applying to all fields.

<script type="text/javascript">  
        $(function()
        {
              $('input').daterangepicker({arrows:true}); 
        });
    </script>


<form>
<li>  
<label for="name">Your Name:</label>
<input type="text" size="40" id="name" />
</li>

<li>
<label for="date">Select Date</label>
<input type="text" value="4/23/99" id="rangeA" />
</li>

</form>        
$('#rangeA').daterangepicker({arrows:true}); 

You may consider trying this instead:

JQuery DateRange Plugin

In any case, you should check out the "Implement" tab on that page to see that you are missing a vital tie-in between the input field and the daterangepicker function.

I tried with the id what you written but datepicker is applying to all the fields

$('#rangeA').daterangepicker({arrows:true});

Thanks pritaeas its is working now

It is working but showing the date from 99 year

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.