"Date time picker" datum regel.

Status
Niet open voor verdere reacties.
Nu zorgt die ervoor dat de geselecteerde datum in [1] meteen +7 gedaan wordt in [2] en toont die de rest van de dagen in die maand en kan je niet verder naar andere maanden.
 
Ik krijg het vermoeden dat bij het aanpassen bij de onSelect van het startveld ook de onSelect van het eindveld aangeroepen wordt.

Zet de onSelect van het eindveld eens tussen commentaar om te kijken of het dan in eerste instantie wel goed gaat.
 
Ik heb het nu zo:
PHP: 
onSelect: function (selectedDateTime)
{
       var tempDate = new Date(startDateTextBox.datetimepicker('getDate'));
	endDateTextBox.datetimepicker('option', 'minDate',  tempDate);   
	endDateTextBox.datetimepicker('option', 'maxDate',  tempDate.setDate(tempDate.getDate() + 7));
}

En alles in de andere staat tussen commentaar.

wat ik krijg is dit.tekstvak1.PNG
tekstvak2: tekstvak2.PNG

Hij doet dus 7 dagen na de geslecteerde waarde en vanaf daar alle data die erna komt in de maand is selecteerbaar.

Terwijl het juist die 7 dagen alleen mag zijn.
 
Dan is de minDate waarschijnlijk niet juist. Kwestie van debuggen dus:
[js]
onSelect: function (selectedDateTime)
{
var tempDate = new Date(startDateTextBox.datetimepicker('getDate'));
console.log(tempDate);
endDateTextBox.datetimepicker('option', 'minDate', tempDate);
console.log(tempDate);
endDateTextBox.datetimepicker('option', 'maxDate', tempDate.setDate(tempDate.getDate() + 7));
}[/js]
 
Dit krijg ik:
LOG: Wed May 21 16:26:00 UTC+0200 2014

en de 2e output is :
LOG: Wed May 21 16:26:00 UTC+0200 2014

Ze zijn het zelfde? >_< haha
 
Het lijkt alsof er een bug in zit want je krijgt als output 21 mei terug, dat is dus ook de waarde die voor de minDate moet worden gebruikt maar dat doet hij niet :confused:

Zo te zien worden de data wel goed berekend maar niet goed aan de datetimepicker toegevoegd:
[js]
onSelect: function (selectedDateTime)
{
var tempDate = new Date(startDateTextBox.datetimepicker('getDate'));
console.log(tempDate);
endDateTextBox.datetimepicker('option', 'minDate', tempDate);
console.log(tempDate);
endDateTextBox.datetimepicker('option', 'maxDate', tempDate.setDate(tempDate.getDate() + 7));
console.log(tempDate);
}[/js]
Het resultaat zal 2x dezelfde datum zijn en 1x een week verder.
 
Ja klopt:
LOG: Fri May 23 09:12:00 UTC+0200 2014

LOG: Fri May 23 09:12:00 UTC+0200 2014

LOG: Fri May 30 09:12:00 UTC+0200 2014
 
Dan zit het in deze regels:
[js]endDateTextBox.datetimepicker('option', 'minDate', tempDate);
endDateTextBox.datetimepicker('option', 'maxDate', tempDate.setDate(tempDate.getDate() + 7));[/js]

Zo te zien is het een bekend probleem: https://github.com/trentrichardson/jQuery-Timepicker-Addon/issues/705

Probeer eens
[js]
onSelect: function (selectedDateTime)
{
var tempDate = new Date(startDateTextBox.datetimepicker('getDate'));
endDateTextBox.datetimepicker('option', 'minDateTime', tempDate);
endDateTextBox.datetimepicker('option', 'maxDateTime', tempDate.setDate(tempDate.getDate() + 7));
}[/js]
 
Als ik het op die manier uitvoer krijg ik deze foutmelding.
Object doesn't support this property or method on line 615 in jquery-timepicker-addon.js

en dat is deze lijn:
PHP: 
maxDateTimeDate = new Date(maxDateTime.getFullYear(), maxDateTime.getMonth(), maxDateTime.getDate(), 0, 0, 0, 0);
 
Zet de regel voor het instellen van de maxDateTime eens in commentaar en kijk of hij dan in ieder geval de minDateTime instelt :)
 
Als ik hem op 615 in commentaar zet zegt die dat op 136 de zelfde error.

Object doesn't support this property or method

Dan zegt die ook dat hij een identiefier verwacht op 617:

PHP: 
if (this.hourMaxOriginal === null || this.minuteMaxOriginal === null || this.secondMaxOriginal === null || this.millisecMaxOriginal === null) {
					this.hourMaxOriginal = o.hourMax;
					this.minuteMaxOriginal = o.minuteMax;
					this.secondMaxOriginal = o.secondMax;
					this.millisecMaxOriginal = o.millisecMax;
					this.microsecMaxOriginal = o.microsecMax;
				}

het gaat dan om de bovenste regel in het stukje code.
 
Nee dat is niet wat ik bedoel :D

Dit bedoel ik:
[js]
onSelect: function (selectedDateTime)
{
var tempDate = new Date(startDateTextBox.datetimepicker('getDate'));
endDateTextBox.datetimepicker('option', 'minDateTime', tempDate);
//endDateTextBox.datetimepicker('option', 'maxDateTime', tempDate.setDate(tempDate.getDate() + 7));
}
[/js]
 
haha, sorry ik zat te denken ohja **** ik moet het in de onSelect aanpassen en niet in de addon.

maar de minDateTime doet het gewoon :)
 
Oke dan zit het hem dus in dit:
[js]tempDate.setDate(tempDate.getDate() + 7)[/js]
Wellicht moet er een tussenstap in zitten.
[js]onSelect: function (selectedDateTime)
{
var tempDate = new Date(startDateTextBox.datetimepicker('getDate'));
endDateTextBox.datetimepicker('option', 'minDateTime', tempDate);
tempDate = tempDate.setDate(tempDate.getDate() + 7);
endDateTextBox.datetimepicker('option', 'maxDateTime', tempDate);
}[/js]
 
Weer krijg ik dit:

Object doesn't support this property or method on line 615.

:o
 
Ik denk het wel, maar kan ik anders dat hele stuk wat daar staat overschrijven in mijn jquery-ui-timepicker-addon.js?

Ik zelf denk dat dat wel moet lukken maar ik vraag het maar even :)
 
Als ik de map download, wil ik het graag in een map bij me php bestanden en dat hij dan de timpicker bestanden vanuit die map leest. Want ik wil ze niet overschrijven. Hoe doe ik dat dan in de codes met linken? heb eigenlijk nooit bestanden uit een map geopend met php. Dankjewl.

Edit:
Al glukt :p
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan