screenshot attached.
alright. seems perfect.
I have been facing problems all only related to date-picker & i m unable to fix it myself.
So i m integrating a timepicker which is related with date choosen.
Example: If today’s date is : 21-sep-2016 & Current time is : 09:00.
So when today’s date is choose then i want timepicker to display hours after 4 hours. ie. 13:00 to 24:00
If date choosen was any other date then all time must be shown.
Regards
THANKS A LOT. 5 STARS!
yep! works completely fine! but how do we change date format? currently its in mm/dd/yyyy
Below my code for date picker:
<input type=”text” id=”StartDate” class=”form-control” style=”cursor:pointer; background:white;” placeholder=”Start Date” name=”StartDate” title=”StartDate” readonly required/>
but i wanna disable datepicker for destination text field 😮
looks like the class is applied on form. can’t it be assigned to div tag & then within those div tags date picker appears..
when form class is changed to : class=”input-daterange” all textfield in that form turns to datetimepicker.
on clicking destination also turns to be datepicker.
looks like your target it to form.
cant it be linked only to those datepickers?
<script>jQuery(‘#form1′).datepicker({ startDate:’now’});</script>
alright as u may know the StartDate must disable previous date & so if for StartDate i choose 27 then EndDate must disable previous dates selected from StartDate.
Its a range of date.
Alright this helped: jQuery(‘#StartDate, #EndDate’).datepicker({ startDate:’now’});
also after choosing the date, doesn’t really get selected into the field
seems like its causing problem to other text fields.
still not happening
you can view it here: http://webgen.in/vaahan/index.php
not disabled any dates
Didn’t help at all. i tried many but doesnt work.
Following my code for StartDate & EndDate :
<div class=”col-md-6″> <input type=”text” id=”StartDate” class=”form-control” placeholder=”Start Date” name=”StartDate” title=”StartDate”/> </div>
<div class=”col-md-6″> <input type=”text” id=”EndDate” class=”form-control” placeholder=”End Date” name=”EndDate” title=”EndDate”/> </div>
This has to have date range & previous dates must be disabled.
this also doesn’t work:
<script type=”text/javascript”> $(function () { $(‘#datetimepicker6’).datetimepicker(); $(‘#datetimepicker7’).datetimepicker({ useCurrent: false //Important! See issue #1075 }); $(“#datetimepicker6”).on(“dp.change”, function (e) { $(‘#datetimepicker7’).data(“DateTimePicker”).minDate(e.date); }); $(“#datetimepicker7”).on(“dp.change”, function (e) { $(‘#datetimepicker6’).data(“DateTimePicker”).maxDate(e.date); }); }); </script>
Alright alright. it works. thanks
Doesn’t seem to work stil
its urgent thank you
when i move slider “x” to 900 then car which cost 1000+ doesn’t display. Only when x touches 1000 it displays cars. ***
