Using server date inside datepicker
Hello everyone,
I have implement datepicker plug-in who works pretty cool, but I found an issue - when someone has wrong date on his computer datepicker also showing wrong date (what is logical). Now I'm trying to use date from server, but I don't know how to "insert" it into datepicker. My code looks like that:
JS:
- $(function () {
-
- $.datepicker.setDefaults({
- dateFormat: 'dd/mm/yy', dayNamesMin: ['Nie', 'Pon', 'Wt', 'Śr', 'Czw', 'Pt', 'Sob'],
- dayNames: ['Niedziela','Poniedzialek','Wtorek','Środa','Czwartek','Piątek','Sobota'],
- monthNamesShort: ['Sty', 'Lut', 'Mar', 'Kwi', 'Maj', 'Cze', 'Lip', 'Sie', 'Wrz', 'Paź', 'Lis', 'Gru'],
- changeMonth: true, changeYear: true, numberOfMonths: 1, constrainInput: true, firstDay: 1});
-
- $('#date_from, #date_to').datepicker({
- defaultDate: '+1d', minDate: '+1d',
- onSelect: function (dateText, inst) {
- var dateMin = $('#date_from').datepicker('getDate');
- var dateMax = $('#date_to').datepicker('getDate');
- if (this.id == 'date_from') {
- var rent_date_from = new Date(
- dateMin.getFullYear(), dateMin.getMonth(), dateMin.getDate() + 1);
- var rent_date_to = new Date(
- dateMin.getFullYear(), dateMin.getMonth(), dateMin.getDate() + 29);
- $('#date_to').datepicker('option', {minDate: rent_date_from, maxDate: rent_date_to});
- }
-
- compute(); //Add compute
- }
- });
- });
HTML:
- <div class="type-text">
- <label for="date_from">Data wynajmu: </label>
- <input type="text" size="20" id="date_from" name="rent-a-car-next[date_from]" value="" readonly="readonly" />
- </div>
- <div class="type-text">
- <label for="date_to">Data zwrotu: </label>
- <input type="text" size="20" id="date_to" name="rent-a-car-next[date_to]" value="" readonly="readonly" />
- </div>
- <div id="cur-date">09/12/2013</div>
In #cur-date I have date from server.
I also have a jsfiddle for this thread: http://jsfiddle.net/P69Fv/3/
Thanks for any help.