Initialiser datetimerpicker avec une date autre que la date du jour

Tags: #<Tag:0x00007fe2958940e8>

Bonjour ,

Je souhaite initialiser datetimerpicker avec une date autre que la date du jour sans que le champ attaché au datetimerpicker soit initialisé.

Cordialement

Il faut réussir à modifier la propriété initialDate qui vaut par défaut new Date().
mais je ne vois pas de méthode pour le faire une fois le contrôle créé dans la documentation :

cf https://www.malot.fr/bootstrap-datetimepicker/

Le plus simple reste à mettre votre date en valeur par défaut du champ sur le initCreate par exemple.

Sinon on devra ajouter une méthode d’accès setInitialDate au composant, rien de bien compliqué, je regarde.

Bon c’était bien peanuts à ajouter au composant (que nous avions avait déjà dû customiser pour être compatible V5 / bootstrap 4).

Voici un exemple de code qui permet de changer la date initale (la semaine prochaine) à l’ouverture du formulaire (dans le hook front form.onload) :

(function($) {
	Simplicite.UI.hooks.DemoOrder = function(o, cbk) {
		try {
			o.locals.ui.form.onload = function(ctn, obj) {
				var today = new Date();
				var nextWeek = new Date(today.getTime() + 7 * 24 * 3600 * 1000);
				var f = $ui.getUIField(ctn, obj, "demoOrdDate");
				f.ui.input.parent().datetimepicker("setInitialDate", nextWeek);
			};
		}
		catch(e) { console.error(e.message); }
		finally { cbk && cbk(); }
	};
})(jQuery);

Ce sera livré ce soir.

Merci @francois, je l’ai testé et il fonctionne.