WBCE CMS Forum

burthal

Mitglied

date and time picker

Hallo zusammen,

Ich arbeite derzeit an einem neuen Modul und würde gerne den internen  „date and time picker“ aus dem Admin-Bereich z.B. für Abschnitte zum Ein- / Ausblenden einsetzen. Leider habe ich keine Anleitung dazu, wie ich diesen in den einbette. Hat hier jemand eine kurze Demo oder einen Link mit der Anleitung für mich? Die Seite des Entwicklers ist wohl auch offline.

Danke und Grüße

Alex

burthal

Mitglied

Re: date and time picker

Hallo,

ich kann mir wohl die Antwort mittlerweile selber geben. Wichtig ist auch, dass die folgende CSS-Datei eingebunden oder der Inhalt in die eigene CSS übernommen wird.

CSS: /include/jscalendar/calendar-system.css

Quelle: /include/jscalendar/README (in der Installation)

Ausschnitt:

How to use
-----------

1. enter this code somewhere _above_ the form
	you can overwrite some vars as descripted below
--cut-PHP----------------------------------------------------
	// include jscalendar-setup
	$jscal_use_time = false; // whether to use a clock, too
	require_once(WB_PATH."/include/jscalendar/wb-setup.php");
	// override some vars: (normally, there is no need to change this)
	//$jscal_lang = "en"; //- calendar-language (default: wb-backend-language)
	//$jscal_today = ""; // - date the calendar offers if the text-field is empty (default: today)
	//$jscal_firstday = "0"; // - first-day-of-week (0-sunday, 1-monday, ...) (default: 0(EN) or 1(everything else))
	//$jscal_format = "Y-m-d"; // - initial-format used for the text-field (default: from wb-backend-date-format)
	//$jscal_ifformat = "%Y-%m-%d"; // - format for jscalendar (default: from wb-backend-date-format)
----------------------------------------------------------


2. enter this code within your form
	$date holds the entered date as timestamp
	the field is called "my_date_field"
	the calender-trigger is called "my_date_trigger"
--cut-HTML---------------------------------------------------
	<input type="text" id="my_date_field" name="my_date_field" value="<?php if($date==0) print ""; else print date($jscal_format, $date)?>" style="width: 120px;" />
	<img src="<?php echo WB_URL ?>/include/jscalendar/img.gif" id="my_date_trigger" style="cursor: pointer; border: 1px solid red;" title="Calendar" onmouseover="this.style.background='red';" onmouseout="this.style.background=''" />
----------------------------------------------------------


3. enter this code _below_ the form
	to store the result as timestamp, you have to use  range : [1970, 2037],
--cut-HTML---------------------------------------------------
	<script type="text/javascript">
		Calendar.setup(
			{
				inputField  : "my_date_field",
				ifFormat    : "<?php echo $jscal_ifformat ?>",
				button      : "my_date_trigger",
				firstDay    : <?php echo $jscal_firstday ?>,
				<?php if(isset($jscal_use_time) && $jscal_use_time==TRUE) { ?>
					showsTime   : "true",
					timeFormat  : "24",
				<?php } ?>
				date        : "<?php echo $jscal_today ?>",
				range       : [1970, 2037],
				step        : 1
			}
		);
	</script>
----------------------------------------------------------

Grüße
Alex

Beitrag geändert von burthal (01.08.2021 20:54:45)

florian

Administrator

Re: date and time picker

Hm, das Script ist von 2005 und eigentlich nur aus historischen Gründen noch in Verwendung.
Ganz ehrlich, ich würde da was Modernernes nehmen.
Z.B. den hier
https://github.com/stefangabos/Zebra_Datepicker
(Gibt ein paar Einbaubeispiele hier im Forum: https://forum.wbce.org/viewtopic.php?pid=37336#p37336, https://forum.wbce.org/viewtopic.php?pid=36324#p36324)
oder den, der bei NWI dabei ist
https://github.com/xdan/datetimepicker

burthal

Mitglied

Re: date and time picker

Danke für den Tipp.