Class: JsDateTime
Source Location: /HtmlForm.FormElement.JsDateTime.class.php
FormElement
|
--InputText
|
--JsDateTime
Wraps a standard text-input adapted and expanded to work as a date-time-picker.
Author(s):
Version:
|
|
|
Inherited Constants
|
Inherited Variables
|
Inherited Methods
|
Class Details
[line 59]
Wraps a standard text-input adapted and expanded to work as a date-time-picker. This element is an example of how to write expanded, special elements, with behaviour not originally found in html. JsDateTime take a normal InputText, expands from it and adds a calendar-button to the mix, which opens a javascript-powered date-time-picker with own images. The picked date and/or time will the be inserted into tht textfield as an ordinary string.
This element shows several principles:
- elements and widgets are not bound by html alone
- inclusion of external assets like javscripts and images by setting a packagepath in the form and adding
the assets to the package
The javascript-date-time-picker can be configured via parameters using the according setters. These are the parameters and their defaults: var SpanBorderColor = "#cdcdcd";//span border color
var SpanBgColor = "#cdcdcd";//span background color
var WeekChar=3;//number of character for week day. if 2 then Mo,Tu,We. if 3 then Mon,Tue,Wed.
var DateSeparator="-";//Date Separator, you can change it to "-" if you want.
var ShowLongMonth=true;//Show long month name in Calendar header. example: "January".
var ShowMonthYear=true;//Show Month and Year in Calendar header.
var MonthYearColor="#cc0033";//Font Color of Month and Year in Calendar header.
var WeekHeadColor="#18861B";//Background Color in Week header.
var SundayColor="#C0F64F";//Background color of Sunday.
var SaturdayColor="#C0F64F";//Background color of Saturday.
var WeekDayColor="white";//Background color of weekdays.
var FontColor="blue";//color of font in Calendar day cell.
var TodayColor="#FFFF33";//Background color of today.
var SelDateColor="#8DD53C";//Backgrond color of selected date in textbox.
var YrSelColor="#cc0033";//color of font of Year selector.
var MthSelColor="#cc0033";//color of font of Month selector if "MonthSelector" is "arrow".
var ThemeBg="";//Background image of Calendar window.
var CalBgColor="";//Backgroud color of Calendar window.
var PrecedeZero=true;//Preceding zero [true|false]
var MondayFirstDay=false;//true:Use Monday as first day; false:Sunday as first day. [true|false] //added in version 1.7
var UseImageFiles = false;//Use image files with "arrows" and "close" button
var MonthName=["January", "February", "March", "April", "May", "June", "July","August", "September", "October", "November", "December"];
var WeekDayName1=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
var WeekDayName2=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];
Tags:
Class Methods
Class Constants
|
|
