datepicker - Set predefined date into input type -

i want set predefined date range datepicker.
when user click button below date set input type.
startdate: 1 jan, 2017 enddate: 31 jan, 2017
<script src="js/moment.min.js"></script> <script src="js/jquery.comiseo.daterangepicker.js"></script> <input type="text" id="daterangeperiod" name="daterangeperiod" />
you can use setrange method
sets selected date range.
it accepts object start , end key. both keys javascript date objects.
here working sample:
$("#daterangeperiod").daterangepicker(); $("#daterangeperiod").daterangepicker("setrange", { start: new date(2017, 0, 1), end: new date(2017, 0, 31) }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script> <script src="https://cdn.rawgit.com/tamble/jquery-ui-daterangepicker/0.5.0/jquery.comiseo.daterangepicker.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"/> <link href="https://cdn.rawgit.com/tamble/jquery-ui-daterangepicker/0.5.0/jquery.comiseo.daterangepicker.css" rel="stylesheet"/> <input type="text" id="daterangeperiod" name="daterangeperiod" />
Comments
Post a Comment