VisualNEO Web - neoDate Plugin Tutorial
neoDate
Gaev Keeka and Luis Hernandez
0.5
neoDate Plugin Tutorial
Samsung Galaxy Tab 7
False
1024
600
False
False
False
WebApp
False
C:\Users\Gaev Keeka\Documents\VisualNeoWeb\Libraries\img\default-icon.png
.pages{
background:#E0E0E0;
overflow:hidden;
}
strong, b{
color:#ed792f;
}
h1 strong,h2 strong,h3 strong{
color:#ed792f;
}
h1 b,h2 b,h3 b{
color:#ed792f;
}
.logoimage {
border-radius: 42px;
}
span.small {
font-size: smaller;
}
#DifferencePrecision {
overflow: auto;
}
#DifferenceUnit {
overflow: auto;
}
en
#000000
[AndroidOS,iOS,WindowsPhoneOS]
normal
True
True
False
True
True
False
False
True
False
False
... align top of pages with top of Browser Content Area; DO NOT ALTER
TopCenterApp
... these variables are used in the BackCover page; DO NOT ALTER
SetVar [downloadPage] "https://visualneo.com/product/visualneo-web"
SetVar [tutorialsPage] "https://www.visualneo.com/tutorials"
... setup your Tutorial parameters here
SetVar [tutorialComponent] "neoDate Plugin"
SetVar [tutorialVersion] "1.5"
SetVar [tutorialPublicationDate] "22-NOV-2020"
SetVar [tutorialAuthor] "Gaev Keeka and Luis Hernández"
SetVar [websiteAuthor] "https://visualneo.com"
... not needed anymore
..neoDateInit
fadeIn
...neoScrollBars "FrontCoverAbout" 8
0px
88px
480px
456px
0px
0px
1024px
88px
0
0px
544px
1024px
56px
0
496px
104px
512px
424px
This is a Tutorial about the <strong>neoDate</strong> plugin, which is a wrapper for the <a href="https://ay.js.org/en/" target="_blank">Day.js</a>
(javascript) library.<br/><br/>
<p>The plugin will enable developers building Apps using the <strong>VisualNEOWeb</strong> platform to easily ...
<ul>
<li>create date objects using date and time strings in many different formats</li>
<li>output the contents of such date objects in a variety of formats</li>
<li>get values of specified date or time components from date objects</li>
<li>set values of specified date or time components within date objects</li>
<li>add or subtract amounts within date or time components of date objects</li>
<li>ask if the year value in a date object is a Leap Year</li>
<li>request number of days in the month value of a date object</li>
</ul>
In the next version of the plugin, there will be additional commands to ...
<ul>
<li>ask if a variable contains a valid date object</li>
<li>convert 'day of week' and 'month of year' numbers to names</li>
<li>get the difference (in milliseconds, seconds, minutes, hours, days, weeks, months or years) between two date objects</li>
<li>return a date object (from a list) that contains the oldest or newest date value</li>
<li>tell if a date falls between those in two specified date objects</li>
<li>ask if the current date value is equal to yesterday, today or tomorrow</li>
</ul>
24px
208px
432px
272px
<h4><br><strong>Version:</strong> [tutorialVersion]</h4>
<h4><strong>Published:</strong> [tutorialPublicationDate]</h4>
<br><br>
<h5><strong>Authored By</strong>
<br>[tutorialAuthor]</h5>
<a href="[websiteAuthor]">[websiteAuthor]</a>
520px
552px
432px
40px
Click here to begin Tutorial
968px
552px
40px
40px
fill:#ffffff
svgArrowCircleRight
GotoNextPage
MasterPage1
fadeIn
... setup your page title here
SetVar [tutorialPageTitle] "Create Date Objects"
0px
88px
506px
456px
You create a date object using the <strong>neoDateCreate</strong> command. With this command, you supply the initial value.<br/><br/>
The <strong>neoDateCreate</strong> command has 3 parameters ...<br/>
<ul>
<li> <strong>dateObjectVariable</strong> - name of the date object e.g <span ng-non-bindable>[abcd]</span>. You do not have to create this object variable first.</li>
<li> <strong>dateValue</strong> - initial value of the date (defaults to current date+time if not specified). You can specify this string in a wide variety of formats</li>
<li> <strong>dateValueFormat</strong> - format of the dateValue(UTC format if not specified). You can specify any combination of the following ...<br/>
<ul>
<li>YYYY - 4 digit year e.g. 2016</li>
<li>M - month starting at 1</li>
<li>MM - month starting at 01</li>
<li>MMM - month short-name e.g Jan or Sep</li>
<li>MMMM - moth full-name e.g January or September</li>
<li>D - day starting at 1</li>
<li>DD - day starting at 01</li>
<li>H - hour (0 to 23)</li>
<li>HH - hour (00 to 23)</li>
<li>h - hours (1 to 12)</li>
<li>hh - hours (1 to 12)</li>
<li>m - minutes (0 to 59)</li>
<li>mm - minutes (00 to 59)</li>
<li>s - seconds (0 to 59)</li>
<li>ss - seconds (00 to 59)</li>
<li>SSS - milliseconds (000 to 999)</li>
<li>Z - offset from UTC e.g. -05:00</li>
<li>ZZ - offset from UTC e.g. 0700</li>
<li>A - AM or PM (goes with h or hh)</li>
<li>a - am or pm (goes with h or hh)</li>
<li>Do - day of month 1st, 2nd, 3rd, 31st etc.</li>
<li>clone - use value from dateObject specified in dateValue parameter</li>
</ul>
</ul>
Click on the buttons on the right to create a date object with the specified initial date value.<br/><br/>
Note that the button code uses ...
<ul>
<li> the <strong>neoDateAsString</strong> command to extract the date value in a string (text) format</li>
<li> the <strong>AlertBox</strong> command to show the extracted value.</li>
</ul>
... details of the <strong>neoDateAsString</strong> command parameters are discussed in a later page of this Tutorial.
504px
88px
520px
456px
<b>neoDateCreate Examples</b>
264px
40px
240px
72px
dateValue not specified (@now)<br/>datevalueFormat not specified<br/>output as DD-MMMM-YY
... initial value not specified; will default to current date+time
neoDateCreate "[abcd]" "" ""
neoDateAsString "[abcd]" "DD-MMMM-YYYY" [testAnswer]
AlertBox "Current Date" "output as DD-MMMM-YYYY = [testAnswer]" ""
264px
120px
240px
72px
neoDatevariable = 2015-12-19<br/>dateValueFormat = YYYY-MM-DD<br/>output as ISO String
neoDateCreate [abcd] "2015-12-19" "YYYY-MM-DD"
... no output format specified; will be displayed in ISO format
neoDateAsString "[abcd]" "" [testAnswer]
AlertBox "2015-12-19" "output as ISO String = [testAnswer]" ""
16px
40px
240px
72px
dateObjectVariable not specified<br/></br>Reports an Error
... intentional error; date object not specified
neoDateCreate "" "" ""
16px
120px
240px
72px
dateValue = 9/11/2001<br/>dateValueFormat = D/M/YYYY</br>output as DD-MM-YY
neoDateCreate "[abcd]" "9/11/2001" "YY/MM/DD"
neoDateAsString "[abcd]" "DD-MM-YY" [testAnswer]
AlertBox "9/11/2001" "output as DD-MM-YY = [testAnswer]" ""
16px
416px
80px
32px
Test
.SetVar "[neoDateString]" "2025-01-02 11:34:49.123"
.neoDateCreate [someDateObject] "[neoDateString]" "YYYY-MM-DD HH:mm:ss.SSS"
SetVar "[neoDateString]" "1/7/2025"
neoDateCreate [someDateObject] "[neoDateString]" "M/D/YYYY"
16px
200px
304px
72px
neoDatevariable = 2007-12-19 4:34:15 pm<br/>dateValueFormat = YYYY-MM-DD h:mm:ss a<br/>output as HH:mm:ss
neoDateCreate [abcd] "2007-12-19 4:34:15 pm" "YYYY-MM-DD h:mm:ss a"
neoDateAsString "[abcd]" "HH:mm:ss" [testAnswer]
AlertBox "2007-12-19 4:34:15 pm" "output as HH:mm:ss = [testAnswer]" ""
MasterPage1
fadeIn
SetVar [tutorialPageTitle] "Get Date Object Components"
... setup date object
SetVar "[gkDateString]" "2018-04-22 16:21:39.123"
neoDateCreate [gkDateObject] "[gkDateString]" "YYYY-MM-DD HH:mm:ss.SSS"
0px
88px
488px
456px
You obtain the value of a component within a specified date object by using the <strong>neoDateGet</strong> command. With this command, you also supply the variable to be populated with the obtained value.<br/><br/>
The <strong>neoDateGet</strong> command has 3 parameters ...<br/>
<ul>
<li> <strong>dateObjectVariable</strong> - name of an existing date object e.g <span ng-non-bindable>[abcd]</span>.</li>
<li> <strong>dateComponent</strong> - the specific component within the specified date object whose value is required; you can specify any of the following ...</br>
<ul>
<li>year - e.g. 2020</li>
<li>quarter - 1 to 4</li>
<li>month - 0 to 11</li>
<li>week - 1 to 52</li>
<li>dayOfYear - 1 to 366</li>
<li>dayOfMonth - 1 to 31</li>
<li>dayOfWeek - 0 to 6</li>
<li>hour - 0 to 23</li>
<li>minute - 0 to 59</li>
<li>second - 0 to 59</li>
<li>millisecond - 0 to 999</li>
</ul>
<li> <strong>outputVariable</strong> - the variable to contain the requested date string e.g. <span ng-non-bindable>[myResult]</span></br>
</ul>
</ul>
Click on the buttons on the right to obtain the associated date component for a variety of components; the resulting <strong>AlertBox</strong> shows the obtained value of the requested component.
488px
88px
536px
456px
<b>neoDateGet Examples</b>
16px
40px
56px
32px
year
SetVar "[thisComponent]" "year"
neoDateGet [gkDateObject] "[thisComponent]" [gkDateComponent]
AlertBox "[gkDateString]" "[thisComponent] = [gkDateComponent]" ""
160px
40px
64px
32px
month
SetVar "[thisComponent]" "month"
neoDateGet [gkDateObject] "[thisComponent]" [gkDateComponent]
AlertBox "[gkDateString]" "[thisComponent] = [gkDateComponent]" ""
120px
80px
104px
32px
dayOfMonth
SetVar "[thisComponent]" "dayOfMonth"
neoDateGet [gkDateObject] "[thisComponent]" [gkDateComponent]
AlertBox "[gkDateString]" "[thisComponent] = [gkDateComponent]" ""
16px
120px
56px
32px
hour
SetVar "[thisComponent]" "hour"
neoDateGet [gkDateObject] "[thisComponent]" [gkDateComponent]
AlertBox "[gkDateString]" "[thisComponent] = [gkDateComponent]" ""
80px
120px
64px
32px
minute
SetVar "[thisComponent]" "minute"
neoDateGet [gkDateObject] "[thisComponent]" [gkDateComponent]
AlertBox "[gkDateString]" "[thisComponent] = [gkDateComponent]" ""
152px
120px
72px
32px
second
SetVar "[thisComponent]" "second"
neoDateGet [gkDateObject] "[thisComponent]" [gkDateComponent]
AlertBox "[gkDateString]" "[thisComponent] = [gkDateComponent]" ""
232px
80px
96px
32px
dayOfWeek
SetVar "[thisComponent]" "dayOfWeek"
neoDateGet [gkDateObject] "[thisComponent]" [gkDateComponent]
AlertBox "[gkDateString]" "[thisComponent] = [gkDateComponent]" ""
80px
40px
72px
32px
quarter
SetVar "[thisComponent]" "quarter"
neoDateGet [gkDateObject] "[thisComponent]" [gkDateComponent]
AlertBox "[gkDateString]" "[thisComponent] = [gkDateComponent]" ""
232px
40px
56px
32px
week
SetVar "[thisComponent]" "week"
neoDateGet [gkDateObject] "[thisComponent]" [gkDateComponent]
AlertBox "[gkDateString]" "[thisComponent] = [gkDateComponent]" ""
16px
80px
96px
32px
dayOfYear
SetVar "[thisComponent]" "dayOfYear"
neoDateGet [gkDateObject] "[thisComponent]" [gkDateComponent]
AlertBox "[gkDateString]" "[thisComponent] = [gkDateComponent]" ""
232px
120px
96px
32px
millisecond
SetVar "[thisComponent]" "millisecond"
neoDateGet [gkDateObject] "[thisComponent]" [gkDateComponent]
AlertBox "[gkDateString]" "[thisComponent] = [gkDateComponent]" ""
336px
80px
144px
32px
dayOfWeekName
SetVar "[thisComponent]" "dayOfWeek"
neoDateGet [gkDateObject] "[thisComponent]" [gkDateComponent]
... translate number to name
SetVar [daysOfTheWeekLongForm] "Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday"
StrParse "[daysOfTheWeekLongForm]" "," [daysOfTheWeekArray]
SetVar [thisDayOfTheWeek] "[daysOfTheWeekArray([gkDateComponent])]"
AlertBox "[gkDateString]" "dayOfWeekName = [thisDayOfTheWeek]" ""
MasterPage1
SetVar [tutorialPageTitle] "Change Date Object Components"
0px
88px
506px
456px
You change the value of a component within a specified date object by using the <strong>neoDateChange</strong> command.<br/><br/>
The <strong>neoDateChange</strong> command has 4 parameters ...<br/>
<ul>
<li> <strong>dateObjectVariable</strong> - name of an existing date object e.g <span ng-non-bindable>[abcd]</span>.</li>
<li> <strong>changeComponent</strong> - describes the specific component whose value is to be set or altered; you can specify one of
year, quarter, month, week, dayOfYear, dayOfMonth, dayOfWeek, hour, minute, second, millisecond.</li>
<li> <strong>changeType</strong> - defines whether to set ('To') or alter ('By') the specified <strong>changeValue</strong> to the specified <strong>changeComponent</strong>.</li>
<li> <strong>changeValue</strong> - the value to be set or altered for the referenced date component e.g. 59 or <span ng-non-bindable>[newValue]</span>.</br></br>
When <strong>changeType</strong> is 'By', you can specify any positive (add) or negative (subtract) integer.</br></br>
When <strong>changeType</strong> is 'To', these are the range of values you can specify for the specified <strong>changeComponent</strong> ...</br>
<ul>
<li>year - any four digit number e.g. 2020</li>
<li>quarter - 1 to 4</li>
<li>month - 0 to 11</li>
<li>week - 1 to 52</li>
<li>day - any integer</li>
<li>hour - 0 to 23</li>
<li>minute - 0 to 59</li>
<li>second - 0 to 59</li>
<li>millisecond - 000 to 999</li>
</ul>
</ul>
Click on the buttons on the right to set or alter the associated date component for a variety of components; the resulting <strong>AlertBox</strong> shows the new value of the date object.
504px
88px
520px
456px
16px
8px
480px
160px
<b>neoDateChange Examples (set To)</b>
0px
32px
104px
32px
year To 1997
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "year"
SetVar "[thisChangeValue]" 1997
neoDateChange [gkDateObject] "[thisChangeComponent]" "To" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Set [thisChangeComponent] to [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
224px
32px
96px
32px
month To 7
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "month"
SetVar "[thisChangeValue]" 7
neoDateChange [gkDateObject] "[thisChangeComponent]" "To" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Set [thisChangeComponent] to [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
144px
72px
136px
32px
dayOfMonth To 22
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "dayOfMonth"
SetVar "[thisChangeValue]" 22
neoDateChange [gkDateObject] "[thisChangeComponent]" "To" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Set [thisChangeComponent] to [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
0px
112px
88px
32px
hour To 15
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "hour"
SetVar "[thisChangeValue]" 15
neoDateChange [gkDateObject] "[thisChangeComponent]" "To" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Set [thisChangeComponent] to [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
96px
112px
104px
32px
minute To 37
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "minute"
SetVar "[thisChangeValue]" 37
neoDateChange [gkDateObject] "[thisChangeComponent]" "To" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Set [thisChangeComponent] to [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
208px
112px
112px
32px
second To 46
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "second"
SetVar "[thisChangeValue]" 46
neoDateChange [gkDateObject] "[thisChangeComponent]" "To" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Set [thisChangeComponent] to [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
328px
112px
144px
32px
millisecond To 567
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "millisecond"
SetVar "[thisChangeValue]" 567
neoDateChange [gkDateObject] "[thisChangeComponent]" "To" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Set [thisChangeComponent] to [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
288px
72px
128px
32px
dayOfWeek To 4
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "dayOfWeek"
SetVar "[thisChangeValue]" 4
neoDateChange [gkDateObject] "[thisChangeComponent]" "To" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Set [thisChangeComponent] to [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
112px
32px
104px
32px
quarter To 2
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "quarter"
SetVar "[thisChangeValue]" 2
neoDateChange [gkDateObject] "[thisChangeComponent]" "To" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Set [thisChangeComponent] to [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
328px
32px
96px
32px
week To 23
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "week"
SetVar "[thisChangeValue]" 23
neoDateChange [gkDateObject] "[thisChangeComponent]" "To" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Set [thisChangeComponent] to [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
0px
72px
136px
32px
dayOfYear To 222 (?)
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "dayOfYear"
SetVar "[thisChangeValue]" 222
neoDateChange [gkDateObject] "[thisChangeComponent]" "To" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Set [thisChangeComponent] to [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
16px
176px
480px
160px
<b>neoDateChange Examples (alter By)</b>
0px
32px
96px
32px
year By 4
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "year"
SetVar "[thisChangeValue]" 4
neoDateChange [gkDateObject] "[thisChangeComponent]" "By" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Change [thisChangeComponent] by [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
208px
32px
96px
32px
month By -9
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "month"
SetVar "[thisChangeValue]" -9
neoDateChange [gkDateObject] "[thisChangeComponent]" "By" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Change [thisChangeComponent] by [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
0px
72px
88px
32px
day By -20
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "day"
SetVar "[thisChangeValue]" -20
neoDateChange [gkDateObject] "[thisChangeComponent]" "By" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Change [thisChangeComponent] by [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
0px
112px
96px
32px
hour By -15
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "hour"
SetVar "[thisChangeValue]" -15
neoDateChange [gkDateObject] "[thisChangeComponent]" "By" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Change [thisChangeComponent] by [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
104px
112px
112px
32px
minute By 128
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "minute"
SetVar "[thisChangeValue]" 128
neoDateChange [gkDateObject] "[thisChangeComponent]" "By" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Change [thisChangeComponent] by [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
224px
112px
120px
32px
second By -120
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "second"
SetVar "[thisChangeValue]" -120
neoDateChange [gkDateObject] "[thisChangeComponent]" "By" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Change [thisChangeComponent] by [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
352px
112px
128px
32px
millisecond By 1
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "millisecond"
SetVar "[thisChangeValue]" 1
neoDateChange [gkDateObject] "[thisChangeComponent]" "By" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Change [thisChangeComponent] by [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
104px
32px
96px
32px
quarter By 4
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "quarter"
SetVar "[thisChangeValue]" 4
neoDateChange [gkDateObject] "[thisChangeComponent]" "By" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Change [thisChangeComponent] by [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
312px
32px
88px
32px
week By 3
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "week"
SetVar "[thisChangeValue]" 3
neoDateChange [gkDateObject] "[thisChangeComponent]" "By" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Change [thisChangeComponent] by [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
104px
72px
96px
32px
day By 370
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[thisChangeComponent]" "day"
SetVar "[thisChangeValue]" 370
neoDateChange [gkDateObject] "[thisChangeComponent]" "By" "[thisChangeValue]"
neoDateAsString "[gkDateObject]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>Change [thisChangeComponent] by [thisChangeValue]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
MasterPage1
SetVar [tutorialPageTitle] "Output Date Object"
0px
88px
506px
456px
You can output/export the content of a date object as a string (<strong>neoDateAsString</strong>), an array (<strong>neoDateAsArray</strong>)
or a JSON object (<strong>neoDateAsJSON</strong>).<br/><br/>
The <strong>neoDateAsString</strong> command has 3 parameters ...<br/>
<ul>
<li> <strong>dateObjectVariable</strong> - name of an existing date object e.g <span ng-non-bindable>[abcd]</span>.</li>
<li> <strong>outputFormat</strong> - the format of the date string to be output; you can specify one/more of the following ...</br>
<ul>
<li>YY - 2 digit year e.g. 14</li>
<li>YYYY - 4 digit year e.g. 2014</li>
<li>M - month number without leading zero i.e. 1 to 12</li>
<li>MM - month number with leading zero i.e. 01 to 12</li>
<li>MMM - short month name i.e. Jan to Dec</li>
<li>MMMM - full month name i.e. January to December</li>
<li>D - day of month without leading zero i.e. 1 to 31</li>
<li>DD - day of month with leading zero i.e. 01 to 31</li>
<li>H - hours without leading zero i.e. 0 to 23</li>
<li>HH - hours with leading zero i.e. 00 to 23</li>
<li>h - hours without leading zero i.e. 1 to 12</li>
<li>hh - hours with leading zero i.e. 01 to 12</li>
<li>m - minutes without leading zero i.e. 0 to 59</li>
<li>mm - minutes with leading zero i.e. 00 to 59</li>
<li>s - seconds without leading zero i.e. 0 to 59</li>
<li>ss - seconds with leading zero i.e. 00 to 59</li>
<li>SSS - milliseconds i.e. 000 to 999</li>
<li>Z - offset from UTC e.g. -05:00</li>
<li>ZZ - alternate offset from UTC e.g. -0500</li>
<li>A - AM or PM (goes with h or hh)</li>
<li>a - am or pm (goes with h or hh)</li>
<li>Do - day of month with ordinal i.e. 1st to 31st</li>
</ul>
<br/>If you do not specify any value for this parameter, the ISO format will be used.<br/><br/>
<li> <strong>outputVariable</strong> - name of the variable where the date string is to be output e.g. <span ng-non-bindable>[newValue]</span>.</br>
</ul>
The <strong>neoDateAsArray</strong> command has 2 parameters ...<br/>
<ul>
<li> <strong>dateObjectVariable</strong> - name of an existing date object e.g <span ng-non-bindable>[abcd]</span>.</li>
<li> <strong>outputVariable</strong> - name of a variable where the date array is to be output e.g. <span ng-non-bindable>[newValue]</span>.</br>
</ul>
The <strong>neoDateAsJSON</strong> command has 2 parameters ...<br/>
<ul>
<li> <strong>dateObjectVariable</strong> - name of an existing date object e.g <span ng-non-bindable>[abcd]</span>.</li>
<li> <strong>outputVariable</strong> - name of a variable where the date (JSON) object is to be output e.g. <span ng-non-bindable>[newValue]</span>.</br>
</ul>
Click on the buttons on the right to view the requested strings, arrays and JSON objects, that will be shown in <strong>AlertBox</strong>'es.
504px
88px
520px
456px
16px
16px
488px
192px
<b>neoDateAsString Examples</b><br/><br/>
8px
40px
272px
32px
YYYY-MM-DDTHH:mm:ss.SSS ZZ dddd
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[gkDateFormat]" "YYYY-MM-DDTHH:mm:ss.SSS dddd"
neoDateAsString [gkDateObject] "[gkDateFormat]" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>format as [gkDateFormat]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
8px
80px
112px
32px
YYYY-MM-DD
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[gkDateFormat]" "YYYY-MM-DD"
neoDateAsString "[gkDateObject]" "YYYY-MM-DD" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>format as [gkDateFormat]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
376px
160px
56px
32px
SSS
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[gkDateFormat]" "SSS"
neoDateAsString [gkDateObject] "[gkDateFormat]" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>[gkdateString]<br/>format as [gkDateFormat]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
8px
160px
88px
32px
HH:mm:ss
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[gkDateFormat]" "HH:mm:ss"
neoDateAsString [gkDateObject] "[gkDateFormat]" [gkDateString2]
SetVar "[AlertMsg]" "[gkdateString]<br/>format as [gkDateFormat]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
136px
80px
80px
32px
M/DD/YY
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[gkDateFormat]" "M/DD/YY"
neoDateAsString [gkDateObject] "[gkDateFormat]" [gkDateString2]
SetVar "[AlertMsg]" "[gkdateString]<br/>format as [gkDateFormat]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
224px
80px
112px
32px
DD/MM/YYYY
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[gkDateFormat]" "DD/MM/YYYY"
neoDateAsString [gkDateObject] "[gkDateFormat]" [gkDateString2]
SetVar "[AlertMsg]" "[gkdateString]<br/>format as [gkDateFormat]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
216px
120px
56px
32px
ddd
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[gkDateFormat]" "ddd"
neoDateAsString [gkDateObject] "[gkDateFormat]" [gkDateString2]
SetVar "[AlertMsg]" "[gkdateString]<br/>format as [gkDateFormat]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
152px
120px
56px
32px
dd
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[gkDateFormat]" "dd"
neoDateAsString [gkDateObject] "[gkDateFormat]" [gkDateString2]
SetVar "[AlertMsg]" "[gkdateString]<br/>format as [gkDateFormat]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
104px
160px
64px
32px
H:m:s
SetVar "[gkDateString]" "2019-07-14T13:17:9.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[gkDateFormat]" "H:m:s"
neoDateAsString [gkDateObject] "[gkDateFormat]" [gkDateString2]
SetVar "[AlertMsg]" "[gkdateString]<br/>format as [gkDateFormat]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
184px
160px
88px
32px
h:mm:ss a
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[gkDateFormat]" "h:mm:ss a"
neoDateAsString [gkDateObject] "[gkDateFormat]" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>[gkdateString]<br/>format as [gkDateFormat]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
280px
160px
88px
32px
h:mm A
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[gkDateFormat]" "h:mm A"
neoDateAsString [gkDateObject] "[gkDateFormat]" [gkDateString2]
SetVar "[AlertMsg]" "[gkDateString]<br/>[gkdateString]<br/>format as [gkDateFormat]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
8px
120px
56px
32px
MMM
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[gkDateFormat]" "MMM"
neoDateAsString [gkDateObject] "[gkDateFormat]" [gkDateString2]
SetVar "[AlertMsg]" "[gkdateString]<br/>format as [gkDateFormat]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
72px
120px
72px
32px
MMMM
SetVar "[gkDateString]" "2019-07-14T13:17:29.789"
neoDateCreate "[gkDateObject]" "[gkDateString]" ""
SetVar "[gkDateFormat]" "MMMM"
neoDateAsString [gkDateObject] "[gkDateFormat]" [gkDateString2]
SetVar "[AlertMsg]" "[gkdateString]<br/>format as [gkDateFormat]<br/>[gkDateString2]"
AlertBox "Result" "[AlertMsg]" ""
16px
216px
488px
120px
<b>neoDateAsArray Examples</b><br/><br/>
8px
32px
184px
32px
@now
SetVar "[neoDateString]" ""
neoDateCreate [someDateObject] "[neoDateString]" ""
neoDateAsArray [someDateObject] [outputArray]
AlertBox "neoDateAsArray" "dateString = [neoDateString]<br/>array = [outputArray]" ""
200px
72px
184px
32px
1997-07-01
SetVar "[neoDateString]" "1997-07-01"
neoDateCreate [someDateObject] "[neoDateString]" "YYYY-MM-DD"
neoDateAsArray [someDateObject] [outputArray]
AlertBox "neoDateAsArray" "dateString = [neoDateString]<br/>array = [outputArray]" ""
200px
32px
184px
32px
2025-01-31 11:34:49.123
SetVar "[neoDateString]" "2025-01-31 11:34:49.123"
neoDateCreate [someDateObject] "[neoDateString]" "YYYY-MM-DD HH:mm:ss.SSS"
neoDateAsArray [someDateObject] [outputArray]
AlertBox "neoDateAsArray" "dateString = [neoDateString]<br/>array = [outputArray]" ""
8px
72px
184px
32px
1997-07-01 13
SetVar "[neoDateString]" "1997-07-01 13"
neoDateCreate [someDateObject] "[neoDateString]" "YYYY-MM-DD HH"
neoDateAsArray [someDateObject] [outputArray]
AlertBox "neoDateAsArray" "dateString = [neoDateString]<br/>array = [outputArray]" ""
16px
344px
488px
120px
<b>neoDateAsJSON Examples</b><br/><br/>
8px
32px
184px
32px
@now
SetVar "[neoDateString]" ""
neoDateCreate [someDateObject] "[neoDateString]" ""
neoDateAsJSON [someDateObject] [outputJSON]
StringifyJSON [outputJSON] [outputJSONString]
AlertBox "neoDateAsJSON" "dateString = [neoDateString]<br/>json = [outputJSONString]" ""
200px
72px
184px
32px
1997-07-01
SetVar "[neoDateString]" "1997-07-01"
neoDateCreate [someDateObject] "[neoDateString]" "YYYY-MM-DD"
neoDateAsJSON [someDateObject] [outputJSON]
StringifyJSON [outputJSON] [outputJSONString]
AlertBox "neoDateAsJSON" "dateString = [neoDateString]<br/>json = [outputJSONString]" ""
200px
32px
184px
32px
2025-01-31 11:34:49.123
SetVar "[neoDateString]" "2025-01-31 11:34:49.123"
neoDateCreate [someDateObject] "[neoDateString]" "YYYY-MM-DD HH:mm:ss.SSS"
neoDateAsJSON [someDateObject] [outputJSON]
StringifyJSON [outputJSON] [outputJSONString]
AlertBox "neoDateAsJSON" "dateString = [neoDateString]<br/>json = [outputJSONString]" ""
8px
72px
184px
32px
1997-07-01 13
SetVar "[neoDateString]" "1997-07-01 13"
neoDateCreate [someDateObject] "[neoDateString]" "YYYY-MM-DD HH"
neoDateAsJSON [someDateObject] [outputJSON]
StringifyJSON [outputJSON] [outputJSONString]
AlertBox "neoDateAsJSON" "dateString = [neoDateString]<br/>json = [outputJSONString]" ""
MasterPage1
SetVar [tutorialPageTitle] "Query Date Object 1"
0px
88px
506px
456px
You can query the values of a date object in a number of ways<br/><br/>
The <strong>neoDateQuery1</strong> command has 3 parameters ...<br/>
<ul>
<li> <strong>dateObjectVariable</strong> - name of an existing date object e.g <span ng-non-bindable>[abcd]</span>.</li>
<li> <strong>queryType</strong> - the type of query being made; you can specify one/more of the following ...</br>
<ul>
<li>isLeapYear - returns Yes or No</li>
<li>daysInMonth - returns a number between 1 and 31</li>
</ul>
<br/>Additional QueryTypes will be supported in a future version of this plugin.<br/><br/>
<li> <strong>resultVariable</strong> - name of the variable where the result of the query is returned e.g. <span ng-non-bindable>[resultValue]</span>.</br>
</ul>
Click on the buttons on the right to view the responses to requested queries, that will be shown in <strong>AlertBox</strong>'es.
504px
88px
520px
456px
16px
8px
488px
120px
<b>isLeapYear ?</b><br/><br/>
8px
32px
184px
32px
@now
SetVar "[neoDateString]" ""
neoDateCreate [query1DateObject] "[neoDateString]" ""
SetVar "[neoDateQueryType]" "isLeapYear"
neoDateQuery1 [query1DateObject] "[neoDateQueryType]" "[neoDateQueryResult]"
SetVar "[gkDateFormat]" "YYYY-MM-DDTHH:mm:ss.SSS dddd"
neoDateAsString [query1DateObject] "[gkDateFormat]" [neoDateString2]
AlertBox "[neoDateString2]" "isLeapYear = [neoDateQueryResult]" ""
200px
72px
184px
32px
2019-07-01
SetVar "[neoDateString]" "2019-07-01"
neoDateCreate [query1DateObject] "[neoDateString]" ""
SetVar "[neoDateQueryType]" "isLeapYear"
neoDateQuery1 [query1DateObject] "[neoDateQueryType]" "[neoDateQueryResult]"
AlertBox "[neoDateString]" "isLeapYear = [neoDateQueryResult]" ""
200px
32px
184px
32px
1900-01-31 11:34:49.123
SetVar "[neoDateString]" "1900-01-31 11:34:49.123"
neoDateCreate [query1DateObject] "[neoDateString]" ""
SetVar "[neoDateQueryType]" "isLeapYear"
neoDateQuery1 [query1DateObject] "[neoDateQueryType]" "[neoDateQueryResult]"
AlertBox "[neoDateString]" "isLeapYear = [neoDateQueryResult]" ""
8px
72px
184px
32px
2000-07-01
SetVar "[neoDateString]" "2000-07-01"
neoDateCreate [query1DateObject] "[neoDateString]" ""
SetVar "[neoDateQueryType]" "isLeapYear"
neoDateQuery1 [query1DateObject] "[neoDateQueryType]" "[neoDateQueryResult]"
AlertBox "[neoDateString]" "isLeapYear = [neoDateQueryResult]" ""
16px
136px
488px
120px
<b>days in month</b><br/><br/>
8px
32px
184px
32px
@now
SetVar "[neoDateString]" ""
neoDateCreate [query1DateObject] "[neoDateString]" ""
SetVar "[neoDateQueryType]" "daysInMonth"
neoDateQuery1 [query1DateObject] "[neoDateQueryType]" "[neoDateQueryResult]"
SetVar "[gkDateFormat]" "YYYY-MM-DDTHH:mm:ss.SSS dddd"
neoDateAsString [query1DateObject] "[gkDateFormat]" [neoDateString2]
AlertBox "[neoDateString2]" "daysInMonth = [neoDateQueryResult]" ""
200px
72px
184px
32px
2000-02-17
SetVar "[neoDateString]" "2000-02-17"
neoDateCreate [query1DateObject] "[neoDateString]" ""
SetVar "[neoDateQueryType]" "daysInMonth"
neoDateQuery1 [query1DateObject] "[neoDateQueryType]" "[neoDateQueryResult]"
AlertBox "[neoDateString]" "daysInMonth = [neoDateQueryResult]" ""
200px
32px
184px
32px
2025-09-12
SetVar "[neoDateString]" "2025-09-12"
neoDateCreate [query1DateObject] "[neoDateString]" ""
SetVar "[neoDateQueryType]" "daysInMonth"
neoDateQuery1 [query1DateObject] "[neoDateQueryType]" "[neoDateQueryResult]"
AlertBox "[neoDateString]" "daysInMonth = [neoDateQueryResult]" ""
8px
72px
184px
32px
1900-02-14
SetVar "[neoDateString]" "1900-02-14"
neoDateCreate [query1DateObject] "[neoDateString]" ""
SetVar "[neoDateQueryType]" "daysInMonth"
neoDateQuery1 [query1DateObject] "[neoDateQueryType]" "[neoDateQueryResult]"
AlertBox "[neoDateString]" "daysInMonth = [neoDateQueryResult]" ""
MasterPage1
SetVar [tutorialPageTitle] "Date Differences"
HideObject "AnswerBoard" "none" 0
neoDateCreate [abcd] "2009-03-19 4:34:15.123 am" "YYYY-MM-DD h:mm:ss.SSS a"
neoDateAsString "[abcd]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [firstDateString]
neoDateCreate [wxyz] "2017-12-01 3:02:45.555 pm" "YYYY-MM-DD h:mm:ss.SSS a"
neoDateAsString "[wxyz]" "YYYY-MM-DDTHH:mm:ss.SSS dddd" [secondDateString]
...AlertBox "Dates" "[firstDateString]<br/>[secondDateString]" ""
0px
88px
506px
456px
You can request the difference between two date objects in a number of units<br/><br/>
The <strong>neoDateDifference</strong> command has 5 parameters ...<br/>
<ul>
<li> <strong>firstDateObjectVariable</strong> - name of an existing date object e.g <span ng-non-bindable>[abcd]</span>.</li>
<li> <strong>secondDateObjectVariable</strong> - name of an existing date object e.g <span ng-non-bindable>[abcd]</span>.</li>
<li> <strong>differenceUnit</strong> - the unit (seconds, minutes etc.) to be used to express the difference between the two date objects; you can specify one of the following ...</br>
<ul>
<li>Milliseconds</li>
<li>Seconds</li>
<li>Minutes</li>
<li>Hours</li>
<li>Days</li>
<li>Weeks</li>
<li>Months</li>
<li>Quarters</li>
<li>Years</li>
</ul>
<li> <strong>differencePrecision</strong> - the number of decimal points to be used to express the difference between the two date objects;a value of 0 means integer</li>
<li> <strong>resultVariable</strong> - name of the variable where the difference value is returned e.g. <span ng-non-bindable>[resultValue]</span>.</br>
</ul>
Click on the buttons on the right to view the difference in dates in the specified unit and with the requested decimal points.
504px
88px
520px
456px
136px
112px
32px
168px
0,1,2,3,4,5,6,7,8
[numberPrecisionString]
2
False
HideObject "AnswerBoard" "none" 0
136px
88px
120px
24px
<b>Decimal Points</b>
16px
296px
488px
56px
Difference in <strong>[differenceUnit] ([numberPrecision] decimal points)</strong> is<br/>
<strong>[thisDifference]</strong>
16px
88px
112px
24px
<b>Difference Units</b>
16px
112px
104px
168px
Milliseconds,Seconds,Minutes,Hours,Days,Weeks,Months,Quarters,Years
[differenceUnit]
Seconds
False
HideObject "AnswerBoard" "none" 0
232px
160px
216px
32px
Go Calculate Difference
... [abcd] and [wxyz] are set in the PageEnter section
... [differenceUnit] is a variable associated with the Dropdown selection box
... [numberPrecisionString] is a 'string' variable associated with the Dropdown selection box
... string variable to integer
Math "1*[numberPrecisionString]" 0 [numberPrecision]
neoDateDifference [abcd] [wxyz] "[differenceUnit]" [numberPrecision] [thisDifference]
ShowObject "AnswerBoard" "none" 0
16px
16px
488px
56px
Difference between<br/>
[firstDateString] and [secondDateString]<br/>
fadeIn
259px
80px
509px
472px
0px
544px
1024px
56px
0
0px
0px
1024px
88px
0
304px
120px
416px
352px
<h3 style="padding:15px 0px 15px 0px;border-top:2px solid #ed792f;border-bottom:2px solid #ed792f;"><strong style="color:#403f3c;">Thank you for viewing this Tutorial</strong></h3><br>
If you are viewing this Tutorial online and want to know how this Web App was built,
you can view it with <strong>VisualNEO Web</strong><br><br>
You can download a free trial version<br>of <strong>VisualNEO Web</strong> from <a href="[downloadPage]" target="_blank">here</a><br><br>
You can view more Tutorials about <strong>VisualNEO Web's</strong><br>
Rapid Application Development platform <a href="[tutorialsPage]" target="_blank">here</a>.
16px
552px
40px
40px
fill:#ffffff
svgArrowCircleLeft
GotoPrevPage
0px
0px
1024px
88px
0
0px
8px
496px
72px
<strong style="color:#403f3c">Tutorial</strong><br>[tutorialComponent]
h2
496px
8px
528px
72px
[tutorialPageTitle]
h2
0px
544px
1024px
56px
0
968px
552px
40px
40px
fill:#ffffff
svgArrowCircleRight
GotoNextPage
16px
552px
40px
40px
fill:#ffffff
svgArrowCircleLeft
GotoPrevPage
0px
0px
1024px
600px
False
custom