You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
175 lines
7.2 KiB
175 lines
7.2 KiB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
|
<html> |
|
<head> |
|
<script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="locale: 'he', parseOnLoad: true, isDebug: true, extraLocale: ['he', 'ru']"></script> |
|
<script language="javascript" type="text/javascript"> |
|
dojo.require("dojox.date.hebrew"); |
|
dojo.require("dojox.date.hebrew.Date"); |
|
dojo.require("dojox.date.hebrew.locale"); |
|
dojo.require("dijit.form.Button"); |
|
</script> |
|
</head> |
|
<body> |
|
Date in Hebrew calendar: |
|
|
|
<br> |
|
<br> |
|
<label for="list_input">Date input Hebrew calendar</label> |
|
<input type="text" id="list_input" NAME="list_input" style="width: 400px;"> |
|
<script type="text/javascript"> |
|
var date = new dojox.date.hebrew.Date(); |
|
var year = date.getFullYear(); |
|
function onButtonClick(){ //from gregorian to hebrew, use pattern |
|
var date = new dojox.date.hebrew.Date(); |
|
var grdate = new Date(); |
|
var pat = dojo.trim(document.getElementById('Text5').value); |
|
var options = {datePattern:pat, selector:'date'}; |
|
document.getElementById('Text4').value = dojox.date.hebrew.locale.format(date.fromGregorian(grdate), options); |
|
} |
|
function onButtonClickH(){ //from hebrew, use pattern |
|
var str = dojo.trim(document.getElementById('list_input').value); |
|
var pattstr = dojo.trim(document.getElementById('Text2').value); |
|
// timePattern:'hh:mm:ss' |
|
var options = {datePattern:pattstr, selector:'date'}; |
|
var dateH = dojox.date.hebrew.locale.parse (str, options); |
|
document.getElementById('Text3').value = dateH.toGregorian(); |
|
} |
|
function ListChange(){ |
|
var dropdownIndex = document.getElementById('setvaluetest').selectedIndex; |
|
var dropdownValue = document.getElementById('setvaluetest')[dropdownIndex].value; |
|
document.getElementById('Text2').value = dropdownValue; |
|
} |
|
</script> |
|
</input> |
|
<label for="Text2">Type Pattern for input</label> |
|
<input ID="Text2" NAME="Text2" ></input> |
|
<label for="setvaluetest">Select Pattern for input</label> |
|
<select id="setvaluetest" |
|
name="state1" |
|
onChange="ListChange()" |
|
> |
|
<option VALUE = "d MMMM yyyy" selected >d MMMM yyyy</option> |
|
<option VALUE = "EEEE d MMMM yyyy" >EEEE d MMMM yyyy</option> |
|
<option VALUE = "dd/MM/yy" >dd/MM/yy</option> |
|
<option VALUE = "d MM yy" >d MM yy</option> |
|
</select> |
|
<br> |
|
<br> |
|
<BR> |
|
<label for="Text3">Output Gregorian calendar</label> |
|
<input type="text" ID="Text3" NAME="Text3" style="width: 400px;"></input> |
|
<button onclick="onButtonClickH()" type="button" ID="Button3"> Convert from input to Greg</button> |
|
<br> |
|
///////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ |
|
<br> |
|
<br> |
|
<label for="Text5">Type Pattern for Hebrew output</label> |
|
<input type="text" ID="Text5" NAME="Text5"></input> |
|
<label for="Select1">Select Pattern for Hebrew output</label> |
|
<select id="Select1" |
|
name="state1" |
|
onChange="Change()" |
|
> |
|
<option VALUE = "d MMMM yyyy" selected>d MMMM yyyy</option> |
|
<option VALUE = "EEEE d MMMM yyyy" >EEEE d MMMM yyyy</option> |
|
<option VALUE = "dd/MM/yy" >dd/MM/yy</option> |
|
<option VALUE = "d MM yy">d MM yy</option> |
|
<script type="text/javascript"> |
|
function Change(){ |
|
document.getElementById('Text5').value = Select1.options[Select1.selectedIndex].value; |
|
} |
|
</script> |
|
</select> |
|
<br> |
|
<br> |
|
<label for="Text4">Output Hebrew calendar</label> |
|
<input type="text" ID="Text4" NAME="Text4" style="width: 400px;"></input> |
|
<button onclick="onButtonClick()" type="button" ID="Button1"> Convert today from Gregorian to Hebrew</button> |
|
<br> |
|
<br> |
|
<BR> |
|
///////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ |
|
<br> |
|
Test add function |
|
<br> |
|
<br> |
|
<br> |
|
<label for="Text6">Type amount number</label> |
|
<input type="text" ID="Text6" NAME="Text5" style="width: 100px;"></input> |
|
<label for="Select2">Select interval</label> |
|
<select id="Select2" |
|
name="state2" |
|
> |
|
<option VALUE = "day" selected>day</option> |
|
<option VALUE = "week" >week</option> |
|
<option VALUE = "weekday" >weekday</option> |
|
<option VALUE = "month">month</option> |
|
<option VALUE = "year">year</option> |
|
<option VALUE = "hour">hour</option> |
|
<option VALUE = "minute">minute</option> |
|
<option VALUE = "second">second</option> |
|
|
|
</select> |
|
<button onclick="onButtonClickAdd()" type="button" ID="Button2"> Add</button> |
|
|
|
<script type="text/javascript"> |
|
function onButtonClickAdd(){ |
|
var dateHebrew= new dojox.date.hebrew.Date(); |
|
var num = parseInt(document.getElementById('Text6').value); |
|
var sel = document.getElementById('Select2'); |
|
var dateHebrewAdd= dojox.date.hebrew.add(dateHebrew, sel.options[sel.selectedIndex].value, num); |
|
var options = {datePattern:'EEEE dd MMMM yyyy HH:mm:ss', selector:'date'}; |
|
document.getElementById('Text7').value = dojox.date.hebrew.locale.format(dateHebrewAdd,options); |
|
} |
|
</script> |
|
<br> |
|
<br> |
|
<br> |
|
<label for="Text7">Result: added to today</label> |
|
<input type="text" ID="Text7" NAME="Text7" style="width: 400px;"></input> |
|
<br> |
|
<BR> |
|
///////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ |
|
<br> |
|
Test difference function |
|
<br> |
|
<br> |
|
<label for="Text8">Type date in format dd MMMM yyyy HH:mm:ss</label> |
|
<input type="text" ID="Text8" NAME="Text8" style="width: 200px;"></input> |
|
<label for="Text9">Type date in format dd MMMM yyyy HH:mm:ss</label> |
|
<input type="text" ID="Text9" NAME="Text9" style="width: 200px;"></input> |
|
<br> |
|
<label for="Select3">Select interval</label> |
|
<select id="Select3" |
|
name="state3" |
|
> |
|
<option VALUE = "day" selected>day</option> |
|
<option VALUE = "week" >week</option> |
|
<option VALUE = "weekday" >weekday</option> |
|
<option VALUE = "month">month</option> |
|
<option VALUE = "year">year</option> |
|
<option VALUE = "hour">hour</option> |
|
<option VALUE = "minute">minute</option> |
|
<option VALUE = "second">second</option> |
|
</select> |
|
<button onclick="onButtonClickDiff()" type="button" ID="Button4"> Diff</button> |
|
|
|
<script type="text/javascript"> |
|
function onButtonClickDiff(){ |
|
var dateHebrew1 = dojox.date.hebrew.locale.parse(dojo.trim(document.getElementById('Text8').value), {datePattern:'dd MMMM yyyy HH:mm:ss', selector:'date'}); |
|
var dateHebrew2= dojox.date.hebrew.locale.parse(dojo.trim(document.getElementById('Text9').value), {datePattern:'dd MMMM yyyy HH:mm:ss', selector:'date'}); |
|
var sel = document.getElementById('Select3'); |
|
var dif= dojox.date.hebrew.difference(dateHebrew1, dateHebrew2, sel.options[sel.selectedIndex].value); |
|
document.getElementById('Text10').value= dif; |
|
} |
|
</script> |
|
<br> |
|
<br> |
|
<br> |
|
<label for="Text10">Result: difference</label> |
|
<input type="text" ID="Text10" NAME="Text10" style="width: 40px;"></input> |
|
<br> |
|
<br> |
|
<P></P> |
|
</body> |
|
</html>
|
|
|