|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<input type="text" id="startdate"> <input type="text" id="enddate"> <input type="text" id="days"> <script src="https://code.jquery.com/jquery-1.8.3.js"></script> <script src="https://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/redmond/jquery-ui.css" /> <script> $(document).ready(function() { $( "#startdate,#enddate" ).datepicker({ changeMonth: true, changeYear: true, firstDay: 1, dateFormat: 'dd/mm/yy', }) $( "#startdate" ).datepicker({ dateFormat: 'dd-mm-yy' }); $( "#enddate" ).datepicker({ dateFormat: 'dd-mm-yy' }); $('#enddate').change(function() { var start = $('#startdate').datepicker('getDate'); var end = $('#enddate').datepicker('getDate'); if (start<end) { var days = (end - start)/1000/60/60/24; $('#days').val(days); } else { alert ("You cant come back before you have been!"); $('#startdate').val(""); $('#enddate').val(""); $('#days').val(""); } }); }); |
