Beginscherm Verkennen Help
Inloggen
tom
/
Orader
Volgen 1
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
預約系統 IOS / Android Windows
4 Commits
1 Branches
Branch: master
Branches Labels
${ item.name }
Maak branch ${ searchTerm }
van 'master'
${ noResults }
Orader/ios/index3.html

index3.html 58KB
Permalink Geschiedenis Ruw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085 
  1. <html>

  2. <head>

  3.     <meta charset="utf-8">

  4.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  5.     <meta name="description" content="">

  6.     <meta name="author" content="">

  7.   

  8. <script src="js/mqttws31.min.js" type="text/javascript"></script>

  9. <script src="js/jquery-3.5.1.min.js"></script>

  10. 

  11.  

  12. 

  13. <script type="text/javascript">

  14.  var message999;

  15. var message0 ;

  16. 	var message4 ;

  17. 	var message9 ;

  18. 		var message6;

  19. 			var message7 ;

  20. 			var message2 ;

  21. 			var issame=false;

  22. 			 var vvqrcd= '';  

  23. 			 var orgcycle='';

  24. 			 var fincycle='';

  25. 			 var orgtimestamp='';

  26.  var CID = '';

  27.   var ID = '';

  28.   var PW = '';

  29.     var TYPE = '';

  30. var client;

  31. var kname='';

  32. var myclientid='';

  33.     var tt =  '';

  34. 	var st = '';

  35. 	 var et =  '';

  36. 	 var idx = '';

  37. 	var cy='';

  38. 	var vtype='';

  39.     var vtttt='';

  40. 	 var isget = false;

  41. 	  var isget2 = false;

  42. 	    var isget3 = false;

  43. 	 var vtstpqr='';

  44. 	 var vcyd='';

  45. 	 var vmqtt='';

  46. 	 var SN='';

  47. 	 var SubID='';

  48. 	 var vsn='';

  49. 	  var vobj;

  50. var ooodata='';

  51.  

  52. function init() 

  53. {

  54. try

  55. {

  56. CID = getUrlParameter('CID');

  57.     ID = getUrlParameter('ID');

  58. 	PW= getUrlParameter('PW');

  59. 	TYPE= getUrlParameter('TYPE');

  60. 	 SN = getUrlParameter('SN');

  61. 	vmqtt = getUrlParameter('MQTT');

  62. 	SubID = getUrlParameter('SubID');

  63. 	

  64. 	  // vvqrcd= vobj.data.data.CardID;

  65. 	 vvqrcd=  getUrlParameter('qrcd');

  66. 	vvqrcd=vvqrcd.replaceAll('-','=');

  67. //updateOutput('init');

  68.  /*

  69.     CID = getUrlParameter('CID');

  70.     ID = getUrlParameter('ID');

  71. 	PW= getUrlParameter('PW');

  72. 	TYPE= getUrlParameter('TYPE');

  73. 	*/

  74. 	//myclientid="Giga"+CID+"1-"+ parseInt(Math.random() * 100000000, 10);

  75. 		myclientid="Giga"+CID+"1-"+SubID;

  76. 		client = new Paho.MQTT.Client(vmqtt, Number(8083), myclientid);

  77. 		client.onMessageArrived = onMessageArrived;

  78. 		client.onConnectionLost = onConnectionLost; 

  79. 	   // client.connect( {onSuccess: onConnect});

  80. 	  // client.connect( {onSuccess: onConnect, onFailure : onFailedConnect,timeout: 3,keepAliveInterval: 35,cleanSession : false});

  81.           client.connect( {onSuccess: onConnect, onFailure : onFailedConnect});

  82.  

  83.  

  84. 	  tt = getUrlParameter("tt");

  85. 	  orgcycle=tt+';';

  86. 	  orgtimestamp=getUrlParameter("st")+','+getUrlParameter("et");

  87. 	//  alert(orgtimestamp);

  88.   orgcycle=orgcycle+orgtimestamp+';';

  89. 		 

  90. 	 st ='20'+ getUrlParameter("st").replace('_','T');

  91. 	  st=st.replace('/','-');

  92. 	   st=st.replace('/','-');

  93. 	   

  94. 	    

  95. 	   et = '20'+ getUrlParameter("et").replace('_','T');

  96. 	   et=et.replace('/','-');

  97. 	   et=et.replace('/','-');

  98. 	   

  99. 	document.getElementById("ItemNOSer").value=tt;

  100. 	//document.getElementById("sd").value= '2017-06-01T08:30';

  101. 	//alert(st);

  102. 	document.getElementById("sd").value= st.split('T')[0];//'2022-09-01';//st;

  103. 	document.getElementById("sdt1").value= st.split('T')[1];

  104. 	//let theDay = new Date();

  105. 	//alert(theDay.toLocaleString('en-US', { hour12: false }));

  106.     // alert(et);

  107. 	document.getElementById("ed").value=et.split('T')[0];

  108. 	document.getElementById("sdt2").value= et.split('T')[1];

  109. 	//document.getElementById("ed").value=theDay.toLocaleString('en-US', { hour12: false });

  110. 	idx= getUrlParameter("idx");

  111. 	

  112. 	vtype= getUrlParameter("tp");

  113. 	 

  114. //	ID= getUrlParameter("cid");

  115. 	//alert(ID);

  116. 	kname= getUrlParameter("name");

  117. 	//CID = '886999000230';

  118.     //ID = '00000000';

  119. 	//PW= 'CMM87krWqj8Ltt00';

  120. //	TYPE='IOS'; 

  121. 	 document.getElementById("btn100").innerHTML  =kname;

  122. 	 

  123. 	 cy= getUrlParameter("cy");

  124. 	  orgcycle=orgcycle+cy+';';

  125. 	  

  126. 	if (vtype=='1')

  127. 	{

  128. 		 

  129. 	}

  130. 	if (vtype=='2')

  131. 	{

  132. 	

  133. 		

  134. 		//alert(cy);

  135. 		var vcy = cy.split(',');

  136. 		//alert(vcy[0]);

  137. 		if ( vcy[0]=='0000000')

  138. 		{

  139. 		

  140. 		}else

  141. 		{

  142. 		if (vcy[0].substring(0,1)=='1'){document.getElementById("d11").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  143. 		

  144. 			//days.push('日');

  145. 			if (vcy[0].substring(1,2)=='1'){document.getElementById("d12").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  146. 		

  147. 		//days.push('一');

  148. 			if (vcy[0].substring(2,3)=='1'){document.getElementById("d13").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  149. 

  150. 			//days.push('二');

  151. 			if (vcy[0].substring(3,4)=='1'){document.getElementById("d14").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  152. 

  153. 			//days.push('三');

  154. 			if (vcy[0].substring(4,5)=='1'){document.getElementById("d15").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  155. 

  156. 			//days.push('四');

  157. 			if (vcy[0].substring(5,6)=='1'){document.getElementById("d16").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  158. 

  159. 			//days.push('五');

  160. 			if (vcy[0].substring(6,7)=='1'){document.getElementById("d17").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  161. 

  162. 			//days.push('六');	

  163. 			

  164. 	 	document.getElementById("st1").value= vcy[1].substring(0,2)+':'+vcy[1].substring(2,4);

  165. 		 

  166. 	    document.getElementById("et1").value=vcy[2].substring(0,2)+':'+vcy[2].substring(2,4);

  167. 		}

  168. 		if ( vcy[3]=='0000000')

  169. 		{

  170. 		

  171. 		}else

  172. 		{

  173. 		if (vcy[3].substring(0,1)=='1')

  174. 		{document.getElementById("d21").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  175. 			

  176. 			 

  177. 		 

  178. 			//days.push('日');

  179. 			if (vcy[3].substring(1,2)=='1'){document.getElementById("d22").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  180. 			

  181. 			//days.push('一');

  182. 			if (vcy[3].substring(2,3)=='1'){document.getElementById("d23").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  183. 			

  184. 			//days.push('二');

  185. 			if (vcy[3].substring(3,4)=='1'){document.getElementById("d24").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  186. 			

  187. 			//days.push('三');

  188. 			if (vcy[3].substring(4,5)=='1'){document.getElementById("d25").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  189. 			

  190. 			//days.push('四');

  191. 			if (vcy[3].substring(5,6)=='1'){document.getElementById("d26").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  192. 			

  193. 			//days.push('五');

  194. 			if (vcy[3].substring(6,7)=='1'){document.getElementById("d27").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  195. 			

  196. 			//days.push('六');

  197. 	 	document.getElementById("st2").value= vcy[4].substring(0,2)+':'+vcy[4].substring(2,4);

  198. 	    document.getElementById("et2").value=vcy[5].substring(0,2)+':'+vcy[5].substring(2,4);

  199. 		}

  200. 		if ( vcy[6]=='0000000')

  201. 		{

  202. 		

  203. 		}else

  204. 		{

  205. 		    if (vcy[6].substring(0,1)=='1')

  206. 			{document.getElementById("d31").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  207. 			//days.push('日');

  208. 			if (vcy[6].substring(1,2)=='1')

  209. 			{document.getElementById("d32").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  210. 			//days.push('一');

  211. 			if (vcy[6].substring(2,3)=='1')

  212. 			{document.getElementById("d33").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  213. 			//days.push('二');

  214. 			if (vcy[6].substring(3,4)=='1')

  215. 			{document.getElementById("d34").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  216. 			//days.push('三');

  217. 			if (vcy[6].substring(4,5)=='1')

  218. 			{document.getElementById("d35").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  219. 			//days.push('四');

  220. 			if (vcy[6].substring(5,6)=='1')

  221. 			{document.getElementById("d36").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  222. 			//days.push('五');

  223. 			if (vcy[6].substring(6,7)=='1')

  224. 			{document.getElementById("d37").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  225. 			//days.push('六');	

  226. 		 

  227. 	 	document.getElementById("st3").value= vcy[7].substring(0,2)+':'+vcy[7].substring(2,4);

  228. 	    document.getElementById("et3").value=vcy[8].substring(0,2)+':'+vcy[8].substring(2,4);

  229. 		}

  230. 	}

  231. 	

  232. 	

  233. 	//alert(orgcycle);

  234.   //updateOutput('CID='+CID);

  235.   //updateOutput('ID='+ID);

  236.    //updateOutput('PW='+PW);

  237. //updateOutput('TYPE='+TYPE);

  238.  if (TYPE=='ANDROID')

  239. 		{

  240.        connect();

  241. 		}

  242.        vsn='';

  243. 

  244. 		

  245. }catch(e)

  246. {

  247. alert(e);

  248. }

  249. }

  250. function onConnectionLost(message) 

  251. {

  252.  client.connect( {onSuccess: onConnect, onFailure : onFailedConnect});

  253. }

  254. function onMessageArrived(message) 

  255. {

  256. 

  257. //alert(message.payloadString);

  258. var errda = message.payloadString;

  259. 

  260. if (errda.startsWith('modify'))

  261. {

  262. try

  263. {

  264.  var kkdd = errda.split(',');

  265.  

  266.  

  267.  if (kkdd[3]==kname)

  268.  {

  269.  

  270.  if (kkdd[1]==idx)

  271.  {

  272.   if (kkdd[2]!=SubID)

  273.   {

  274.        alert('此筆資料已修改');

  275.          window.history.go(-1);

  276.   }

  277.  }

  278.  }

  279.  else

  280.  {

  281.   

  282.  }

  283. }catch

  284. {}

  285. 

  286. }else

  287. {

  288. 

  289.   vobj = JSON.parse( errda); 		

  290. var jsonString = "{\"action\":\"decode\", \"serial\":\"002\",\"data\":\""+vobj.data+"\"}";

  291.         //updateOutput('----------------------------------------------');

  292. 		//updateOutput(jsonString);

  293. 		if (vsn=='001')

  294. 		{

  295. 		vsn='002';

  296. 		}

  297. 		else if (vsn=='003')

  298. 		{

  299. 		vsn='004';

  300. 		}

  301. 		else if (vsn=='102')

  302. 		{

  303. 		jsonString = "{\"action\":\"decode\", \"serial\":\"103\",\"data\":\""+vobj.data+"\"}"

  304. 		vsn='103';

  305. 		//alert('103');

  306. 		//alert(errda);

  307. 		}

  308. 		//alert(vsn);

  309.         /// "WebToApp". 為我們和前端開發人員的約定

  310. 		if (TYPE=='IOS')

  311. 		{

  312.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  313. 		}

  314.        if (TYPE=='ANDROID')

  315. 		{

  316.         webSocket.send(jsonString);

  317. 		}

  318. 		

  319. }

  320. 

  321. }

  322. function onFailedConnect() 

  323. {

  324. //alert('連線異常');

  325. }

  326. function onConnect() 

  327. {

  328.     client.subscribe('Reserve'+CID+'1-'+SubID);

  329. 	try

  330. 	{

  331. 	

  332. 	 

  333. 	

  334.     }

  335. 	catch(e)

  336.     {

  337.        alert(e);

  338.     }

  339. 	//alert('c');

  340. }

  341. 

  342. </script>

  343.    <title>預約 QR Code</title>

  344.    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

  345.    </head>

  346. 

  347. <body class="text-center" onload="init()">

  348. 

  349. 

  350. <div>

  351.  <div class="card" style="box-shadow:  0px 0px 1px 1px rgba(0,0,0,0.1);margin: 21px 20px 0;background-color:#FFFFFF;">

  352. 	  

  353. 	  <div style="margin: 16px 0 0px 4px;background-color:#FFFFFF;" >

  354. 	  <button id="btn100"  style="margin: 2px 0px 0px 0px;outline:none;line-height:40px;vertical-align: middle;  text-align: left;width:100%;border:0px white none;background-color:#FFFFFF;font-family:Roboto_Light;font-size:24px;color:#646464;height:42px;"></button>

  355.      

  356. 	 </div>

  357. 	  <div style="text-align:center">

  358. <!--	<h1 class="h3 mb-3 font-weight-normal">預收貨款</h1> -->

  359.     <!-- <form class="form-signin" id="senddocument"> -->

  360. 	<div style="margin: 3px 9px 3px 9px;text-align:left;">

  361.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">預約人&nbsp:&nbsp </label><input type="text" id="ItemNOSer" style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;width:calc(99% - 100px);"  placeholder=""  required></div>

  362. 		<div style="margin: 3px 9px 3px 9px;text-align:left;">  

  363.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">開始日&nbsp:&nbsp </label><input type="date" id="sd"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>		

  364. 		<div style="margin: 3px 9px 3px 9px;text-align:left;">  

  365. 		<label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">開始時&nbsp:&nbsp </label><input type="time" id="sdt1"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>		

  366. 

  367. 		<div style="margin: 3px 9px 3px 9px;text-align:left;">

  368.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">結束日&nbsp:&nbsp </label><input type="date" id="ed"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>

  369. 		 <div style="margin: 3px 9px 3px 9px;text-align:left;">  

  370. 	<label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">結束時&nbsp:&nbsp </label><input type="time" id="sdt2"  style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>

  371. 	 

  372. 		 

  373. 

  374. 		 

  375. 	<hr style="margin: 23px 9px 15px 9px;border: solid 1px #979797;">

  376. 	

  377. 	<table style="width: 100%">   

  378.     <tbody>

  379.         <tr>

  380. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  381. 		<button id ='d11'   type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;  height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">日</button>

  382. 		</td>

  383. 		

  384. 		

  385. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  386. 		<button id ='d12'   type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;  height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png) ; background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">一</button>

  387. 		</td>

  388. 		

  389. 		

  390. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  391. 		<button id ='d13'  type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;  height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">二</button>

  392. 		</td>

  393. 		

  394. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  395. 		<button id ='d14'   type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;  height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">三</button>

  396. 		</td>

  397. 		

  398. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  399. 		<button id ='d15'  type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">四</button>

  400. 		</td>

  401. 		

  402. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  403. 		<button id ='d16'   type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">五</button>

  404. 		</td>

  405. 		

  406. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  407. 		<button id ='d17'   type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;    height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)"  >六</button>

  408. 		</td>

  409.         

  410.         </tbody>  

  411.         </table> 

  412.   </div>

  413. 	

  414. 	<div style="margin: 3px 9px 3px 9px;text-align:left;">

  415.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">開始時&nbsp:&nbsp </label><input type="time" id="st1"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>		

  416. 		<div style="margin: 3px 9px 3px 9px;text-align:left;">

  417.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">結束時&nbsp:&nbsp </label><input type="time" id="et1"  style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>

  418. 		 

  419. 

  420. 	<hr style="margin: 23px 9px 15px 9px;border: solid 1px #979797;">

  421. 	

  422. 	<table style="width: 100%">   

  423.     <tbody>

  424.         <tr>

  425. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  426. 		<button id ='d21' type="button"  style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">日</button>

  427. 		</td>

  428. 		

  429. 		

  430. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  431. 		<button id ='d22' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">一</button>

  432. 		</td>

  433. 		

  434. 		

  435. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  436. 		<button id ='d23' type="button" style="padding:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">二</button>

  437. 		</td>

  438. 		

  439. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  440. 		<button id ='d24' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">三</button>

  441. 		</td>

  442. 		

  443. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  444. 		<button id ='d25' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">四</button>

  445. 		</td>

  446. 		

  447. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  448. 		<button id ='d26' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">五</button>

  449. 		</td>

  450. 		

  451. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  452. 		<button id ='d27' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)"  >六</button>

  453. 		</td>

  454.         

  455.         </tbody>  

  456.         </table> 

  457. 	

  458. 	<div style="margin: 3px 9px 3px 9px;text-align:left;">

  459.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">開始時&nbsp:&nbsp </label><input type="time" id="st2"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>		

  460. 		<div style="margin: 3px 9px 3px 9px;text-align:left;">

  461.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">結束時&nbsp:&nbsp </label><input type="time" id="et2"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>

  462. 		 

  463. 

  464. 	<hr style="margin: 23px 9px 15px 9px;border: solid 1px #979797;">

  465. 	

  466. 	

  467. 	<table style="width: 100%">   

  468.     <tbody>

  469.         <tr>

  470. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  471. 		<button id ='d31' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">日</button>

  472. 		</td>

  473. 		

  474. 		

  475. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  476. 		<button id ='d32' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">一</button>

  477. 		</td>

  478. 		

  479. 		

  480. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  481. 		<button id ='d33' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">二</button>

  482. 		</td>

  483. 		

  484. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  485. 		<button id ='d34' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">三</button>

  486. 		</td>

  487. 		

  488. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  489. 		<button id ='d35' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">四</button>

  490. 		</td>

  491. 		

  492. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  493. 		<button id ='d36' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">五</button>

  494. 		</td>

  495. 		

  496. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  497. 		<button id ='d37' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)"  >六</button>

  498. 		</td>

  499.         

  500.         </tbody>  

  501.         </table>

  502. 	

  503. 	<div style="margin: 3px 9px 3px 9px;text-align:left;">

  504.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">開始時&nbsp:&nbsp </label><input type="time" id="st3"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>		

  505. 		<div style="margin: 3px 9px 3px 9px;text-align:left;">

  506.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">結束時&nbsp:&nbsp </label><input type="time" id="et3"  style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>

  507. 		 

  508. </br>

  509. 		<table style="width: 100%">   

  510.     <tbody>

  511.         <tr>

  512. 		<td  style="width: 33.3%"><button type="button" style="border-color: #dcdcdc;border-width: 1px;border-color: #dcdcdc;border-width: 1px;margin: 0px 0px 20px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: rgba(255, 0, 20, 0.2);width:100%;"  onclick="btndddel()">刪除</button></td><td  style="width: 33.3%"><button type="button" style="border-color: #dcdcdc;border-width: 1px;border-color: #dcdcdc;border-width: 1px;margin: 0px 0px 20px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: #cce8fc;width:100%;"  onclick="btnSaveTmp()"'+

  513. 		'>儲存</button> </td><td  style="width: 33.3%"><button type="button" style="border-color: #dcdcdc;border-width: 1px;border-color: #dcdcdc;border-width: 1px;margin: 0px 0px 20px 0px;color:#FFFFFF;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: #64c800;width:100%;" onclick="btnSaveqr()">預約</button></td>

  514.         

  515.         </tbody>  

  516.         </table> 

  517.   </div>

  518.  

  519. </div>

  520. <div id="output"  style="display:none">

  521.     <h2>Output</h2>

  522. </div>

  523. 

  524.  <script type="text/javascript">

  525. 

  526. function btnSaveTmp()

  527. {

  528. try

  529. {

  530. issame=false;

  531.  //alert(idx);

  532. var vvee1='';

  533. var vvee2='';

  534. var vvee3='';

  535. var cycy='';

  536.   

  537. var st1 =  '0000' ;

  538. var et1= '0000' ;

  539.   

  540. var st2 =  '0000' ;

  541. var et2= '0000' ;

  542.   

  543. var st3 =  '0000' ;

  544. var et3= '0000' ;

  545. //12345

  546. var vItemNOSer=document.getElementById("ItemNOSer").value;

  547. if (vItemNOSer.length<1)

  548. {

  549. alert('請輸入預約人');

  550. return;

  551. }

  552. 

  553. if((document.getElementById("sd").value<1) ||  (document.getElementById("ed").value<1) ||(document.getElementById("sdt1").value<1) ||  (document.getElementById("sdt2").value<1))

  554. {

  555. alert('請輸入開始與結束日期時間');

  556. return;

  557. }

  558. 

  559. var vsdsd=document.getElementById("sd").value+'T'+document.getElementById("sdt1").value;

  560. //alert(vsdsd);

  561. //return;

  562. var veded =document.getElementById("ed").value+'T'+document.getElementById("sdt2").value;

  563. //alert(veded);

  564. if ((vsdsd.length<2)|| (veded.length<2))

  565. {

  566. alert('請輸入開始與結束日期時間');

  567. return;

  568. }

  569. //alert('pass');

  570. if (vsdsd.length>16)

  571. {

  572. vsdsd=vsdsd.substring(0,16);

  573. }

  574. if (veded.length>16)

  575. {

  576. veded=veded.substring(0,16);

  577. }

  578. vsdsd=vsdsd.replace('T','_');

  579. vsdsd=vsdsd.replace('-','/');

  580. vsdsd=vsdsd.replace('-','/');

  581. 

  582. veded=veded.replace('T','_');

  583. veded=veded.replace('-','/');

  584. veded=veded.replace('-','/');

  585. vsdsd=vsdsd.substring(2,vsdsd.length);

  586. veded=veded.substring(2,veded.length);

  587. //alert(vsdsd);

  588. //alert(veded);

  589. var vtstp=vsdsd+','+veded;

  590. 

  591. //alert(vtstp);

  592. //return;

  593.   //if (document.getElementById("d11").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png')

  594.  if (document.getElementById("d11").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  595.  {

  596.  vvee1='1';

  597.   //alert('bgreen');

  598.  }else

  599.  {

  600.   vvee1='0';

  601.  //alert('bgrey');

  602.  }

  603.  if (document.getElementById("d12").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  604.  {

  605.  vvee1=vvee1+'1'; 

  606.  }else

  607.  {

  608.   vvee1=vvee1+'0';

  609.  }

  610.  if (document.getElementById("d13").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  611.  {

  612.  vvee1=vvee1+'1'; 

  613.  }else

  614.  {

  615.   vvee1=vvee1+'0';

  616.  }

  617.  if (document.getElementById("d14").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  618.  {

  619.  vvee1=vvee1+'1'; 

  620.  }else

  621.  {

  622.   vvee1=vvee1+'0';

  623.  }

  624.  if (document.getElementById("d15").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  625.  {

  626.  vvee1=vvee1+'1'; 

  627.  }else

  628.  {

  629.   vvee1=vvee1+'0';

  630.  }

  631.  if (document.getElementById("d16").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  632.  {

  633.  vvee1=vvee1+'1'; 

  634.  }else

  635.  {

  636.   vvee1=vvee1+'0';

  637.  }

  638.  if (document.getElementById("d17").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  639.  {

  640.  vvee1=vvee1+'1'; 

  641.  }else

  642.  {

  643.   vvee1=vvee1+'0';

  644.  }

  645.  //alert(vvee1);

  646. 

  647. 

  648. 

  649.  if (document.getElementById("d21").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  650.  {

  651.  vvee2='1';

  652.   //alert('bgreen');

  653.  }else

  654.  {

  655.   vvee2='0';

  656.  //alert('bgrey');

  657.  }

  658.  if (document.getElementById("d22").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  659.  {

  660.  vvee2=vvee2+'1'; 

  661.  }else

  662.  {

  663.   vvee2=vvee2+'0';

  664.  }

  665.  if (document.getElementById("d23").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  666.  {

  667.  vvee2=vvee2+'1'; 

  668.  }else

  669.  {

  670.   vvee2=vvee2+'0';

  671.  }

  672.  if (document.getElementById("d24").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  673.  {

  674.  vvee2=vvee2+'1'; 

  675.  }else

  676.  {

  677.   vvee2=vvee2+'0';

  678.  }

  679.  if (document.getElementById("d25").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  680.  {

  681.  vvee2=vvee2+'1'; 

  682.  }else

  683.  {

  684.   vvee2=vvee2+'0';

  685.  }

  686.  if (document.getElementById("d26").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  687.  {

  688.  vvee2=vvee2+'1'; 

  689.  }else

  690.  {

  691.   vvee2=vvee2+'0';

  692.  }

  693.  if (document.getElementById("d27").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  694.  {

  695.  vvee2=vvee2+'1'; 

  696.  }else

  697.  {

  698.   vvee2=vvee2+'0';

  699.  }

  700.  // alert(vvee2);

  701.  

  702.  

  703.  if (document.getElementById("d31").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  704.  {

  705.  vvee3='1';

  706.   //alert('bgreen');

  707.  }else

  708.  {

  709.   vvee3='0';

  710.  //alert('bgrey');

  711.  }

  712.  if (document.getElementById("d32").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  713.  {

  714.  vvee3=vvee3+'1'; 

  715.  }else

  716.  {

  717.   vvee3=vvee3+'0';

  718.  }

  719.  if (document.getElementById("d33").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  720.  {

  721.  vvee3=vvee3+'1'; 

  722.  }else

  723.  {

  724.   vvee3=vvee3+'0';

  725.  }

  726.  if (document.getElementById("d34").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  727.  {

  728.  vvee3=vvee3+'1'; 

  729.  }else

  730.  {

  731.   vvee3=vvee3+'0';

  732.  }

  733.  if (document.getElementById("d35").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  734.  {

  735.  vvee3=vvee3+'1'; 

  736.  }else

  737.  {

  738.   vvee3=vvee3+'0';

  739.  }

  740.  if (document.getElementById("d36").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  741.  {

  742.  vvee3=vvee3+'1'; 

  743.  }else

  744.  {

  745.   vvee3=vvee3+'0';

  746.  }

  747.  if (document.getElementById("d37").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  748.  {

  749.  vvee3=vvee3+'1'; 

  750.  }else

  751.  {

  752.   vvee3=vvee3+'0';

  753.  }

  754.  //alert(vvee3);

  755.  var ktype = '1';

  756.  if (vvee1=='0000000')

  757.  {

  758.  

  759.  }else

  760.  {

  761.  ktype='2';

  762.   st1 = document.getElementById("st1").value.replace(':','') ;

  763.   et1= document.getElementById("et1").value.replace(':','') ;

  764.   if (st1.length==0 || et1.length==0)

  765.   {

  766.      alert('請選擇時段1的起始與結束時間');

  767. 	 return;

  768.   }

  769.  }

  770.  if (vvee2=='0000000')

  771.  {

  772.  

  773.  }else

  774.  {

  775.  ktype='2';

  776.   st2 = document.getElementById("st2").value.replace(':','') ;

  777.   et2= document.getElementById("et2").value.replace(':','') ;

  778.    if (st2.length==0 || et2.length==0)

  779.   {

  780.      alert('請選擇時段2的起始與結束時間');

  781. 	 return;

  782.   }

  783.  }

  784.  if (vvee3=='0000000')

  785.  {

  786.  

  787.  }else

  788.  {

  789. ktype='2';

  790.   st3 = document.getElementById("st3").value.replace(':','') ;

  791.   et3= document.getElementById("et3").value.replace(':','') ;

  792.   

  793.   //alert(st3.length)

  794.   if (st3.length==0 || et3.length==0)

  795.   {

  796.      alert('請選擇時段3的起始與結束時間');

  797. 	 return;

  798.   }

  799.  }

  800.  

  801. //alert(ktype);

  802.  

  803.  

  804.  if (ktype=='2')

  805.  {

  806.  cycy=vvee1+','+st1 +','+ et1+','+ vvee2+','+st2+','+et2+','+vvee3+','+st3+','+et3;

  807.  }

  808.  else

  809.  {

  810.  //cycy='';

  811.  }

  812. // alert(ktype);

  813.   //updateOutput('cycy='+cycy);

  814.  //alert(cycy);

  815.  

  816.  

  817.  fincycle='';

  818.   fincycle= document.getElementById("ItemNOSer").value+';';

  819.    fincycle=fincycle+ vtstp+';';

  820.  

  821.  fincycle=fincycle+cycy+';';

  822. 

  823.  //alert(cycy);

  824. // alert(fincycle);

  825.  if (orgcycle==fincycle)

  826.  {

  827.  issame=true;

  828. // alert('相同');

  829.  }

  830.      

  831.  if (issame)

  832.  {

  833.  alert('OK');

  834.  window.history.go(-1);

  835.  }

  836.  else

  837.  {

  838.  

  839.           var vt=new Date().format("yyyy/MM/dd_HH:mm:ss");

  840. 	      //alert(document.getElementById("ItemNOSer").value);

  841. 		    vtttt = document.getElementById("ItemNOSer").value;

  842. 			

  843. 		//  alert(ktype);

  844. 		//  return;

  845. 	

  846. 	   var edata ="{\"action\":\"mqttupdateRemoteKey\",\"data\":{\"Command\":\"PassWord="+PW+"&ReGenerate=1&Stat=0&Type="+ktype+"&IndexID="+idx+"&TimeStamp="+vtstp+"&Cycle="+cycy+"&UserID="+ID+"&Title="+vtttt+"\",\"SerialNo\":\"Reserve"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  847. 	    

  848. 	   var jsonString = "{\"action\":\"encode\", \"serial\":\"001\",\"data\":"+edata+"}";

  849. 			vsn='001';

  850. 			isget2=false;

  851.        // updateOutput(jsonString);

  852. 		//alert(jsonString

  853. 		

  854. 		if (TYPE=='IOS')

  855. 		{

  856.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  857. 		}

  858. 	

  859. 		if (TYPE=='ANDROID')

  860. 		{

  861.         webSocket.send(jsonString);

  862. 		}

  863. 		

  864.   }

  865.  

  866.  }catch(e)

  867.  {

  868.  alert(e);

  869.  }

  870. 

  871. }

  872.  

  873. function senttoother()

  874. {

  875. try

  876. {

  877.  message999 = new Paho.MQTT.Message( "modify,"+idx+","+SubID+","+kname );

  878. // alert('send to other = '+ "modify,"+idx+","+SubID+","+kname );

  879. 	 message999.qos = 0;

  880. 	message999.retained = false;

  881. 	

  882. 	for (var iii = 1; iii < 9; iii++) 

  883. 	{

  884.            if ( iii.toString() !=SubID.toString())

  885.           {

  886. 	     message999.destinationName = 'Reserve'+CID+'1-'+iii.toString()  ;

  887.              client.send(message999); 

  888. 	  }  

  889.        } 

  890.        

  891.        }

  892.        catch(e)

  893.        {

  894.        alert(e);

  895.        }

  896. }

  897.  

  898. function btnSaveqr()

  899. {

  900.  

  901. issame=false;

  902. //alert(idx);

  903. var vvee1='';

  904. var vvee2='';

  905. var vvee3='';

  906. var cycy='';

  907.   

  908.     var st1 =  '0000' ;

  909. var et1= '0000' ;

  910.   

  911.     var st2 =  '0000' ;

  912. var et2= '0000' ;

  913.   

  914.   var st3 =  '0000' ;

  915. var et3= '0000' ;

  916. 

  917. 

  918. //var vsdsd=document.getElementById("sd").value;

  919. //var veded =document.getElementById("ed").value;

  920. var vsdsd=document.getElementById("sd").value+'T'+document.getElementById("sdt1").value;

  921. //alert(vsdsd);

  922. //return;

  923. var veded =document.getElementById("ed").value+'T'+document.getElementById("sdt2").value;

  924. 

  925. if (vsdsd.length>16)

  926. {

  927. vsdsd=vsdsd.substring(0,16);

  928. }

  929. if (veded.length>16)

  930. {

  931. veded=veded.substring(0,16);

  932. }

  933. //var vsdsd=document.getElementById("sd").value.format("yyyy/MM/dd_HH:mm");

  934. //vsdsd=vsdsd.substring(0,16);

  935. //alert(vsdsd);

  936. //return;

  937. 

  938. //12345

  939. var vItemNOSer=document.getElementById("ItemNOSer").value;

  940. if (vItemNOSer.length<1)

  941. {

  942. alert('請輸入預約人');

  943. return;

  944. }

  945. 

  946. if((document.getElementById("sd").value<1) ||  (document.getElementById("ed").value<1) ||(document.getElementById("sdt1").value<1) ||  (document.getElementById("sdt2").value<1))

  947. {

  948. alert('請輸入開始與結束日期時間');

  949. return;

  950. }

  951. 

  952. var vsdsd=document.getElementById("sd").value+'T'+document.getElementById("sdt1").value;

  953. //alert(vsdsd);

  954. //return;

  955. var veded =document.getElementById("ed").value+'T'+document.getElementById("sdt2").value;

  956. //alert(veded);

  957. if ((vsdsd.length<2)|| (veded.length<2))

  958. {

  959. alert('請輸入開始與結束日期時間');

  960. return;

  961. }

  962. vsdsd=vsdsd.replace('T','_');

  963. vsdsd=vsdsd.replace('-','/');

  964. vsdsd=vsdsd.replace('-','/');

  965. 

  966. veded=veded.replace('T','_');

  967. veded=veded.replace('-','/');

  968. veded=veded.replace('-','/');

  969. vsdsd=vsdsd.substring(2,vsdsd.length);

  970. veded=veded.substring(2,veded.length);

  971. //alert(vsdsd);

  972. //alert(veded);

  973. var vtstp=vsdsd+','+veded;

  974. vtstpqr=vtstp;

  975. vtstpqr=vtstpqr.replace('_',' ');

  976. vtstpqr=vtstpqr.replace('_',' ');

  977. vtstpqr=vtstpqr.replace(',','~');

  978. 

  979. //alert(vtstp);

  980. //return;

  981.   

  982. if (document.getElementById("d11").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  983. {

  984.  vvee1='1';

  985.   //alert('bgreen');

  986.  }else

  987.  {

  988.   vvee1='0';

  989.  //alert('bgrey');

  990.  }

  991.  if (document.getElementById("d12").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  992.  {

  993.  vvee1=vvee1+'1'; 

  994.  }else

  995.  {

  996.   vvee1=vvee1+'0';

  997.  }

  998.  if (document.getElementById("d13").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  999.  {

  1000.  vvee1=vvee1+'1'; 

  1001.  }else

  1002.  {

  1003.   vvee1=vvee1+'0';

  1004.  }

  1005.  if (document.getElementById("d14").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1006.  {

  1007.  vvee1=vvee1+'1'; 

  1008.  }else

  1009.  {

  1010.   vvee1=vvee1+'0';

  1011.  }

  1012.  if (document.getElementById("d15").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1013.  {

  1014.  vvee1=vvee1+'1'; 

  1015.  }else

  1016.  {

  1017.   vvee1=vvee1+'0';

  1018.  }

  1019.  if (document.getElementById("d16").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1020.  {

  1021.  vvee1=vvee1+'1'; 

  1022.  }else

  1023.  {

  1024.   vvee1=vvee1+'0';

  1025.  }

  1026.  if (document.getElementById("d17").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1027.  {

  1028.  vvee1=vvee1+'1'; 

  1029.  }else

  1030.  {

  1031.   vvee1=vvee1+'0';

  1032.  }

  1033.  //alert(vvee1);

  1034. 

  1035. 

  1036. 

  1037.  if (document.getElementById("d21").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1038.  {

  1039.  vvee2='1';

  1040.   //alert('bgreen');

  1041.  }else

  1042.  {

  1043.   vvee2='0';

  1044.  //alert('bgrey');

  1045.  }

  1046.  if (document.getElementById("d22").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1047.  {

  1048.  vvee2=vvee2+'1'; 

  1049.  }else

  1050.  {

  1051.   vvee2=vvee2+'0';

  1052.  }

  1053.  if (document.getElementById("d23").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1054.  {

  1055.  vvee2=vvee2+'1'; 

  1056.  }else

  1057.  {

  1058.   vvee2=vvee2+'0';

  1059.  }

  1060.  if (document.getElementById("d24").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1061.  {

  1062.  vvee2=vvee2+'1'; 

  1063.  }else

  1064.  {

  1065.   vvee2=vvee2+'0';

  1066.  }

  1067.  if (document.getElementById("d25").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1068.  {

  1069.  vvee2=vvee2+'1'; 

  1070.  }else

  1071.  {

  1072.   vvee2=vvee2+'0';

  1073.  }

  1074.  if (document.getElementById("d26").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1075.  {

  1076.  vvee2=vvee2+'1'; 

  1077.  }else

  1078.  {

  1079.   vvee2=vvee2+'0';

  1080.  }

  1081.  if (document.getElementById("d27").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1082.  {

  1083.  vvee2=vvee2+'1'; 

  1084.  }else

  1085.  {

  1086.   vvee2=vvee2+'0';

  1087.  }

  1088.  // alert(vvee2);

  1089.  

  1090.  

  1091.   if (document.getElementById("d31").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1092.  {

  1093.  vvee3='1';

  1094.   //alert('bgreen');

  1095.  }else

  1096.  {

  1097.   vvee3='0';

  1098.  //alert('bgrey');

  1099.  }

  1100.  if (document.getElementById("d32").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1101.  {

  1102.  vvee3=vvee3+'1'; 

  1103.  }else

  1104.  {

  1105.   vvee3=vvee3+'0';

  1106.  }

  1107.  if (document.getElementById("d33").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1108.  {

  1109.  vvee3=vvee3+'1'; 

  1110.  }else

  1111.  {

  1112.   vvee3=vvee3+'0';

  1113.  }

  1114.  if (document.getElementById("d34").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1115.  {

  1116.  vvee3=vvee3+'1'; 

  1117.  }else

  1118.  {

  1119.   vvee3=vvee3+'0';

  1120.  }

  1121.  if (document.getElementById("d35").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1122.  {

  1123.  vvee3=vvee3+'1'; 

  1124.  }else

  1125.  {

  1126.   vvee3=vvee3+'0';

  1127.  }

  1128.  if (document.getElementById("d36").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1129.  {

  1130.  vvee3=vvee3+'1'; 

  1131.  }else

  1132.  {

  1133.   vvee3=vvee3+'0';

  1134.  }

  1135.  if (document.getElementById("d37").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1136.  {

  1137.  vvee3=vvee3+'1'; 

  1138.  }else

  1139.  {

  1140.   vvee3=vvee3+'0';

  1141.  }

  1142.  //alert(vvee3);

  1143.  var ktype = '1';

  1144.  if (vvee1=='0000000')

  1145.  {

  1146.  

  1147.  }else

  1148.  {

  1149.  ktype='2';

  1150.   st1 = document.getElementById("st1").value.replace(':','') ;

  1151.   et1= document.getElementById("et1").value.replace(':','') ;

  1152.   if (st1.length==0 || et1.length==0)

  1153.   {

  1154.      alert('請選擇時段1的起始與結束時間');

  1155. 	 return;

  1156.   }

  1157.  }

  1158.  if (vvee2=='0000000')

  1159.  {

  1160.  

  1161.  }else

  1162.  {

  1163.  ktype='2';

  1164.   st2 = document.getElementById("st2").value.replace(':','') ;

  1165.   et2= document.getElementById("et2").value.replace(':','') ;

  1166.    if (st2.length==0 || et2.length==0)

  1167.   {

  1168.      alert('請選擇時段2的起始與結束時間');

  1169. 	 return;

  1170.   }

  1171.  }

  1172.  if (vvee3=='0000000')

  1173.  {

  1174.  

  1175.  }else

  1176.  {

  1177. ktype='2';

  1178.   st3 = document.getElementById("st3").value.replace(':','') ;

  1179.   et3= document.getElementById("et3").value.replace(':','') ;

  1180.   

  1181.   //alert(st3.length)

  1182.   if (st3.length==0 || et3.length==0)

  1183.   {

  1184.      alert('請選擇時段3的起始與結束時間');

  1185. 	 return;

  1186.   }

  1187.  }

  1188.  

  1189. 

  1190.  

  1191.  

  1192.  if (ktype=='2')

  1193.  {

  1194.  cycy=vvee1+','+st1 +','+ et1+','+ vvee2+','+st2+','+et2+','+vvee3+','+st3+','+et3;

  1195.  

  1196.  vcyd='';

  1197.    var vcy = cycy.split(',');

  1198.  let days=[];

  1199.  

  1200. 			if (vcy[0]=='0000000')

  1201. 			{

  1202. 			}else

  1203. 			{

  1204. 		 

  1205. 			 

  1206. 			if (vcy[0].substring(0,1)=='1')

  1207. 			days.push('日');

  1208. 			if (vcy[0].substring(1,2)=='1')

  1209. 			days.push('一');

  1210. 			if (vcy[0].substring(2,3)=='1')

  1211. 			days.push('二');

  1212. 			if (vcy[0].substring(3,4)=='1')

  1213. 			days.push('三');

  1214. 			if (vcy[0].substring(4,5)=='1')

  1215. 			days.push('四');

  1216. 			if (vcy[0].substring(5,6)=='1')

  1217. 			days.push('五');

  1218. 			if (vcy[0].substring(6,7)=='1')

  1219. 			days.push('六');	

  1220. 			vcy[1]=vcy[1].substring(0,2)+':'+vcy[1].substring(2,4);

  1221. 			vcy[2]=vcy[2].substring(0,2)+':'+vcy[2].substring(2,4);

  1222. 			vcyd=vcyd+'#1.'+vcy[1]+'~'+vcy[2]+' '+' '+days.join(',');

  1223. 			}

  1224. 			

  1225. 			days=[];

  1226. 			if (vcy[3]=='0000000')

  1227. 			{

  1228. 			}else

  1229. 			{

  1230. 			 

  1231. 			 

  1232. 			if (vcy[3].substring(0,1)=='1')

  1233. 			days.push('日');

  1234. 			if (vcy[3].substring(1,2)=='1')

  1235. 			days.push('一');

  1236. 			if (vcy[3].substring(2,3)=='1')

  1237. 			days.push('二');

  1238. 			if (vcy[3].substring(3,4)=='1')

  1239. 			days.push('三');

  1240. 			if (vcy[3].substring(4,5)=='1')

  1241. 			days.push('四');

  1242. 			if (vcy[3].substring(5,6)=='1')

  1243. 			days.push('五');

  1244. 			if (vcy[3].substring(6,7)=='1')

  1245. 			days.push('六');

  1246. 			 vcy[4]=vcy[4].substring(0,2)+':'+vcy[4].substring(2,4);

  1247. 			vcy[5]=vcy[5].substring(0,2)+':'+vcy[5].substring(2,4);

  1248. 			vcyd=vcyd+'#2.'+vcy[4]+'~'+vcy[5]+' '+' '+days.join(',');

  1249. 			}

  1250. 			

  1251. 			days=[];

  1252. 			if (vcy[6]=='0000000')

  1253. 			{

  1254. 			}else

  1255. 			{

  1256. 		 

  1257. 			

  1258. 			if (vcy[6].substring(0,1)=='1')

  1259. 			days.push('日');

  1260. 			if (vcy[6].substring(1,2)=='1')

  1261. 			days.push('一');

  1262. 			if (vcy[6].substring(2,3)=='1')

  1263. 			days.push('二');

  1264. 			if (vcy[6].substring(3,4)=='1')

  1265. 			days.push('三');

  1266. 			if (vcy[6].substring(4,5)=='1')

  1267. 			days.push('四');

  1268. 			if (vcy[6].substring(5,6)=='1')

  1269. 			days.push('五');

  1270. 			if (vcy[6].substring(6,7)=='1')

  1271. 			days.push('六');	

  1272. 		    vcy[7]=vcy[7].substring(0,2)+':'+vcy[7].substring(2,4);

  1273. 			vcy[8]=vcy[8].substring(0,2)+':'+vcy[8].substring(2,4);

  1274. 			vcyd=vcyd+'#3.'+vcy[7]+'~'+vcy[8]+' '+' '+days.join(',');

  1275. 			}

  1276.  

  1277.  

  1278.  }

  1279.  else

  1280.  {

  1281.  //cycy='';

  1282.  }

  1283.  

  1284.  fincycle='';

  1285.   fincycle= document.getElementById("ItemNOSer").value+';';

  1286.    fincycle=fincycle+ vtstp+';';

  1287.  

  1288.  fincycle=fincycle+cycy+';';

  1289. 

  1290.  //alert(cycy);

  1291. // alert(fincycle);

  1292.  if (orgcycle==fincycle)

  1293.  {

  1294.  issame=true;

  1295. // alert('相同');

  1296.  }

  1297.     vtttt = document.getElementById("ItemNOSer").value;

  1298.  if (issame)

  1299.  {

  1300.  

  1301.  	 vsn='';

  1302. 		 try

  1303. 		 {

  1304. 		 

  1305.                      vtttt = document.getElementById("ItemNOSer").value;

  1306. 		

  1307. 		 

  1308. 		 var jsonString = "{\"action\":\"shareQr\", \"serial\":\"001\",\"data\":{\"name\":\""+kname+"\",\"note\":\""+vtttt+"\",\"QRCode\":\""+vvqrcd+"\",\"time\":\""+vtstpqr+"\",\"cycle\":\""+vcyd+"\"}}";

  1309.        

  1310. 		if (TYPE=='IOS')

  1311. 		{

  1312.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  1313. 		}

  1314. 		if (TYPE=='ANDROID')

  1315. 		{

  1316.         webSocket.send(jsonString);

  1317. 		}

  1318. 		 

  1319. 		 }catch(e)

  1320. 		 {

  1321. 		 alert('連線異常');

  1322. 		 }

  1323. 	

  1324.  

  1325.  }

  1326.  else 

  1327.  {

  1328.  

  1329. 

  1330. 

  1331.  var vt=new Date().format("yyyy/MM/dd_HH:mm:ss")

  1332. 	     // alert(document.getElementById("ItemNOSer").value);

  1333. 		   vtttt = document.getElementById("ItemNOSer").value;

  1334. 		//  alert(ktype);

  1335. 		//  return;

  1336. 	var edata456 ="{\"action\":\"mqttupdateRemoteKey\",\"data\":{\"Command\":\"PassWord="+PW+"&ReGenerate=1&Stat=1&Type="+ktype+"&IndexID="+idx+"&TimeStamp="+vtstp+"&Cycle="+cycy+"&UserID="+ID+"&Title="+vtttt+"\",\"SerialNo\":\"Reserve"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  1337. 	    

  1338. 	   var jsonString333 = "{\"action\":\"encode\", \"serial\":\"003\",\"data\":"+edata456+"}";

  1339. 			vsn='003';

  1340.         //updateOutput(jsonString);

  1341. 		//alert(jsonString);

  1342. 		//return;

  1343. 		if (TYPE=='IOS')

  1344. 		{

  1345.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString333);

  1346. 		}

  1347. 	

  1348. 		if (TYPE=='ANDROID')

  1349. 		{

  1350.         webSocket.send(jsonString333);

  1351. 		}

  1352. }	

  1353.  

  1354.  

  1355.  

  1356.  

  1357.  }

  1358.  

  1359.  function btnitemback(vid)

  1360.  {

  1361.  try

  1362.  {

  1363.  //alert(vid);

  1364.  // alert(document.getElementById(vid).style.backgroundImage.slice(4, -1).replace(/"/g, ""));

  1365.  

  1366.  if (document.getElementById(vid).style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1367.  {

  1368.  document.getElementById(vid).style.background="url('image/bgrey.png') no-repeat  center/100%";

  1369.  }else

  1370.  {

  1371.  document.getElementById(vid).style.background="url('image/bgreen.png') no-repeat  center/100%";

  1372.  }

  1373.  

  1374. 

  1375.  }catch(e)

  1376.  {

  1377.  alert(e);

  1378.  }

  1379.  

  1380.  }

  1381.  

  1382.  function btndddel()

  1383.  {

  1384.  

  1385.  var yes = confirm('確定刪除？');

  1386.  if (yes) {

  1387. 

  1388. try

  1389.  {

  1390. 

  1391.     //alert('ue');

  1392. 	//return;

  1393. 	 var vt=new Date().format("yyyy/MM/dd_HH:mm:ss")

  1394. 	    // alert(document.getElementById("ItemNOSer").value);

  1395.            vtttt = document.getElementById("ItemNOSer").value;

  1396. 		//  alert(ktype);

  1397. 		

  1398. 		//  return;

  1399. 		var edata3 ="";

  1400. 	  edata3 ="{\"action\":\"mqttdeleteRemoteKey\",\"data\":{\"Command\":\"PassWord="+PW+"&IndexID="+idx+"&UserID="+ID+"\",\"SerialNo\":\"Reserve"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  1401. 	  //  alert(edata);

  1402. 	  var jsonString4 ="";

  1403. 	    jsonString4 = "{\"action\":\"encode\", \"serial\":\"101\",\"data\":"+edata3+"}";

  1404. 	

  1405. 	vsn='101';

  1406.        // updateOutput(jsonString);

  1407. 		//alert(jsonString);

  1408. 		//return;

  1409. 		if (TYPE=='IOS')

  1410. 		{

  1411.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString4);

  1412. 		}

  1413. 	

  1414. 		if (TYPE=='ANDROID')

  1415. 		{

  1416.         webSocket.send(jsonString4);

  1417. 		}

  1418. 		

  1419.  }

  1420.  catch(e)

  1421.  {

  1422.  alert('連線異常');

  1423.  }

  1424. } else {

  1425. }

  1426.  

  1427.   }

  1428.  

  1429.  

  1430.  	function getdoorlist() 

  1431. 	 {

  1432. 	 

  1433. 	 var vt=new Date().format("yyyy/MM/dd_HH:mm:ss")

  1434. 	

  1435. 	 

  1436. 	      

  1437. 	var edata ="{\"action\":\"mqttqueryCallList\",\"data\":{\"Command\":\"PassWord="+PW+"\",\"SerialNo\":\"Reserve"+CID+"1\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  1438. 	    

  1439. 	   var jsonString = "{\"action\":\"encode\", \"serial\":\"001\",\"data\":"+edata+"}";

  1440. 			vsn='001';

  1441.        // updateOutput(jsonString);

  1442. 		isget2=false;

  1443. 		if (TYPE=='IOS')

  1444. 		{

  1445.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  1446. 		}

  1447. 	

  1448. 		if (TYPE=='ANDROID')

  1449. 		{

  1450.         webSocket.send(jsonString);

  1451. 		}

  1452. 		

  1453. 	 

  1454. 	

  1455. 	}

  1456. 	

  1457.  

  1458.  

  1459.  </script>

  1460.  <script type="text/javascript">

  1461.     var webSocket;

  1462.     var input = document.getElementById("input")

  1463.     var output = document.getElementById("output");

  1464. 	var vdata="";

  1465. 	var isok=true;

  1466. 	var webSocket;

  1467.      //var connectBtn = document.getElementById("connectBtn");

  1468.      //var wsUrl = "ws://localhost:2980/";

  1469.      //	var wsUrl = "ws://192.168.0.27:2980/";

  1470.      // var wsUrl = "ws://192.168.0.30:2980/";

  1471. 	  var wsUrl = "ws://127.0.0.1:2980/";

  1472. 	  //var wsUrl = "ws://192.168.0.25:2980/";

  1473. 	  function connect() {

  1474.       // open the connection if one does not exist

  1475.       if (webSocket !== undefined

  1476.         && webSocket.readyState !== WebSocket.CLOSED) {

  1477.         return;

  1478.       }

  1479. 

  1480.     //  updateOutput("Trying to establish a WebSocket connection to <code>" + wsUrl + "</code>");

  1481. 

  1482.       // Create a websocket

  1483.       webSocket = new WebSocket(wsUrl);

  1484. 

  1485.       webSocket.onopen = function(event) {

  1486. 	  

  1487.      //   updateOutput("Connected!");

  1488.        // connectBtn.disabled = true;

  1489.        try

  1490. 	   {

  1491. 		 

  1492. 		 

  1493.   /*

  1494.      setTimeout(() => {

  1495. 	 if (isget)

  1496. 	 {

  1497. 	 }else

  1498. 	 {

  1499. 	 

  1500.     getdoorlist() ;

  1501. 	}

  1502.   }, 1000);

  1503. 	*/ 

  1504.  		  

  1505. 			}catch(e)

  1506. 			{

  1507. 			alert(e);

  1508. 			}

  1509. 		 

  1510.       };

  1511. 

  1512.       webSocket.onmessage = function(event) 

  1513. 	  {

  1514. 	  

  1515. 	     if (vsn=='002'||vsn=='103')

  1516. 		 {

  1517. 		// alert(vsn);

  1518. 		isget=true;

  1519. 		  var ress = event.data;

  1520. 		  vsn='104';

  1521. 		 try

  1522. 		 {

  1523. 		 //  var vobj = JSON.parse( ress); 		

  1524. 		 //alert( vobj.data);

  1525. 		 //var sevobj = JSON.parse( vobj); 

  1526.                  //alert('de'+ ress);

  1527. 		 senttoother();

  1528. 		 alert('OK');

  1529.                  //23456		

  1530. 		 window.history.go(-1);

  1531. 		 //document.location = "index2.html?KID="+ID +"&name="+ kname; 

  1532. 		 }

  1533. 		 catch(e)

  1534. 		 {

  1535. 		 alert(e);

  1536. 		 }

  1537. 		 }

  1538. 		 

  1539. 		 if (vsn=='004')

  1540. 		 {

  1541. 		 isget3 = true;

  1542. 		 //alert('004');

  1543. 		 vsn='';

  1544. 		 var ress = event.data;

  1545. 		 try

  1546. 		 {

  1547. 		 // alert('de'+ ress);

  1548. 		   vobj = JSON.parse( ress);

  1549. 		 var qrcd= vobj.data.data.CardID;  

  1550. 		 // alert( qrcd);

  1551. 		 //var sevobj = JSON.parse( vobj); 

  1552.          // alert('de'+ ress);

  1553. 		 //alert('OK');

  1554. 		 //window.history.go(-1);

  1555. 		 //document.location = "index2.html?KID="+ID +"&name="+ kname; 

  1556. 		 //"name":"健身房","note":"王大明09123456789","QRCode":"KaiZvhWz5dcUqkkuvAK0q6T/iw4dbE7CpGKDozTFL2LkH6g1YRdayW=="

  1557. 		// alert(vtttt);

  1558. 		//vcyd

  1559. 		 var jsonString = "{\"action\":\"shareQr\", \"serial\":\"001\",\"data\":{\"name\":\""+kname+"\",\"note\":\""+vtttt+"\",\"QRCode\":\""+qrcd+"\",\"time\":\""+vtstpqr+"\",\"cycle\":\""+vcyd+"\"}}";

  1560.                 // updateOutput(jsonString);

  1561.                 /// "WebToApp". 為我們和前端開發人員的約定

  1562.                orgcycle=fincycle;

  1563. 	       vvqrcd=qrcd;

  1564. 	       senttoother();

  1565. 		if (TYPE=='IOS')

  1566. 		{

  1567.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  1568. 		}

  1569. 		if (TYPE=='ANDROID')

  1570. 		{

  1571.         webSocket.send(jsonString);

  1572. 		}

  1573. 		 

  1574. 		 }catch(e)

  1575. 		 {

  1576. 		 alert('連線異常');

  1577. 		 }

  1578. 		 }

  1579. 		 

  1580. 	     if (vsn=='001')

  1581. 		 {

  1582. 		 try

  1583. 		 {

  1584. 		 isget2=true;

  1585. 		 // alert( '001');

  1586. 		  var ress = event.data;

  1587. 		  // alert( ress);

  1588. 		   

  1589. 		     vobj = JSON.parse( ress); 		 

  1590. 		  isget=false;

  1591. 		 //  vdata = "{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}";

  1592. }catch(e)

  1593. {

  1594. alert(e);

  1595. }		 

  1596.            //updateOutput('---------------------------');

  1597. 		 // updateOutput(vdata);

  1598. 		  // updateOutput('get en='+vobj.data);

  1599. 		 //var payload =vdata;

  1600. 		 var payload = "{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}";

  1601. 	//alert(payload);

  1602. 	//23456

  1603. 	

  1604. 	  message2 = new Paho.MQTT.Message( "{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}");

  1605.     message2.destinationName = SN ;

  1606. 	 message2.qos = 0;

  1607. 	message2.retained = false;

  1608. 	

  1609. 	 

  1610. 	   // client.send(message); 

  1611.  //setTimeout(() => {

  1612. 	var vivi = 0;

  1613.     var intervalID  =   setInterval(() => {	

  1614. 	if (isget)

  1615. 	 {

  1616. 	 

  1617. 	 }

  1618. 	 else

  1619. 	 {

  1620. 	   if (vivi>3)

  1621. 	   {

  1622.       clearInterval(intervalID);	 

  1623. 	 alert('連線異常');

  1624. 	 

  1625. 	   }else

  1626. 	   {

  1627. 	     vivi++;

  1628. 		  updateOutput('message2 send ='+	message2.payloadString);

  1629. 	    client.send(message2); 

  1630. 	   }

  1631. 	

  1632. 	}	

  1633.   }, 500);	

  1634. 

  1635. 

  1636. 	 

  1637. 	 

  1638. 		 }

  1639. 		 

  1640. 		if (vsn=='101')

  1641. 		 {

  1642. 		 try

  1643. 		 {

  1644. 		 vsn='102';

  1645. 		 // alert( '102');

  1646. 		  var ress = event.data;

  1647. 		 // alert( ress);

  1648. 		     vobj = JSON.parse( ress); 		 

  1649. 		  isget=false;

  1650. 		  // vdata = "{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}";

  1651. 		 

  1652.            //updateOutput('---------------------------');

  1653. 		 // updateOutput(vdata);

  1654. 		  

  1655. 	//	 var payload =vdata;

  1656. 	 

  1657. 	  message0 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}");

  1658. 	message0.qos = 0;

  1659.          message0.retained = false;

  1660.         message0.destinationName = SN ;

  1661.     //setTimeout(() => {

  1662. 	   // client.send(message); 

  1663.  var vivi = 0;

  1664.   

  1665.     var intervalID  =   setInterval(() => {	

  1666. 	if (isget)

  1667. 	 {

  1668. 	 

  1669. 	 }

  1670. 	 else

  1671. 	 {

  1672. 	   if (vivi>3)

  1673. 	   {

  1674.    clearInterval(intervalID);	

  1675. 	alert('連線異常');

  1676. 	

  1677. 	   }else

  1678. 	   {

  1679. 	     vivi++;

  1680. 	    client.send(message0); 

  1681. 	   }

  1682. 	

  1683. 	}	

  1684.   }, 500);	

  1685.  

  1686. 	 

  1687. 

  1688.   

  1689. 	 }catch(e)

  1690. {

  1691. alert(e);

  1692. }

  1693. 		 }

  1694. 		 

  1695. 		 if (vsn=='003')

  1696. 		 {

  1697. 		 

  1698. 		 // alert( '003');

  1699. 		 var ress = event.data;

  1700. 		 // alert( ress);

  1701. 		   vobj = JSON.parse( ress); 		 

  1702. 		 isget3=false;

  1703. 		 vdata = "{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}";

  1704.  		 

  1705.            //updateOutput('---------------------------');

  1706. 		//  updateOutput(vdata);

  1707. 		  

  1708. 	 updateOutput('rece ='+vobj.data);

  1709. 	message7 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}");

  1710.     message7.destinationName = SN ;

  1711.  message7.retained = false;

  1712. 		message7.qos = 0;

  1713. 		var vivi = 0;

  1714. 	  //  client.send(message); 

  1715.     var intervalID  =   setInterval(() => {	

  1716. 	if (isget3)

  1717. 	 {

  1718. 	 

  1719. 	 }

  1720. 	 else

  1721. 	 {

  1722. 	   if (vivi>3)

  1723. 	   {

  1724. 	    clearInterval(intervalID);

  1725. 	   alert('連線異常');

  1726. 	  

  1727. 	   }else

  1728. 	   {

  1729. 	     vivi++;

  1730. 	    updateOutput('message7 send ='+	message7.payloadString);

  1731. 	    client.send(message7); 

  1732. 	   }

  1733. 	

  1734. 	}	

  1735.   }, 500);	

  1736. 	 

  1737. 	

  1738.    

  1739. 		 

  1740. 		 }

  1741. 		   //updateOutput('---------------------------');

  1742. 		 // 	  updateOutput(event.data);

  1743. 		

  1744.       };

  1745. 

  1746.       webSocket.onclose = function(event) {

  1747.      //   updateOutput("Connection Closed");

  1748.         //connectBtn.disabled = false;

  1749.         //sendBtn.disabled = true;

  1750.       };

  1751.     }

  1752.  

  1753.  

  1754.  function shareQr() {

  1755.         var text = input.value;

  1756.         var jsonString = "{\"action\":\"shareQr\", \"serial\":\"001\",\"data\":\""+text+"\"}";

  1757.         //updateOutput(jsonString);

  1758.         /// "WebToApp". 為我們和前端開發人員的約定

  1759.         

  1760. 		if (TYPE=='IOS')

  1761. 		{

  1762.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  1763. 		}

  1764. 		if (TYPE=='ANDROID')

  1765. 		{

  1766.         webSocket.send(jsonString);

  1767. 		}

  1768.     }

  1769. 

  1770.     function AppToWeb(message) {

  1771. 	

  1772. 	 if (vsn=='002'||vsn=='103')

  1773. 		 {

  1774. 		 isget=true;

  1775. 		// alert(vsn);

  1776. 		  var ress = message;

  1777. 		  vsn='104';

  1778. 		 try

  1779. 		 {

  1780. 		 //  var vobj = JSON.parse( ress); 		

  1781. 		 //alert( vobj.data);

  1782. 		 //var sevobj = JSON.parse( vobj); 

  1783.         // alert('de'+ ress);

  1784. 	senttoother();

  1785. 		 alert('OK');

  1786. 		 //23456

  1787. 		 window.history.go(-1);

  1788. 		 //document.location = "index2.html?KID="+ID +"&name="+ kname; 

  1789. 		 }catch(e)

  1790. 		 {

  1791. 		 alert(e);

  1792. 		 }

  1793. 		 }

  1794. 		 

  1795. 		 if (vsn=='004')

  1796. 		 {

  1797. 		 //alert('004');

  1798. 		 vsn='';

  1799. 		 isget3 = true;

  1800. 		 var ress = message;

  1801. 		 try

  1802. 		 {

  1803. 		 // alert('de'+ ress);

  1804. 		    vobj = JSON.parse( ress);

  1805. 		 var qrcd= vobj.data.data.CardID;  

  1806. 		 // alert( qrcd);

  1807. 		 //var sevobj = JSON.parse( vobj); 

  1808.          // alert('de'+ ress);

  1809. 		 //alert('OK');

  1810. 		 //window.history.go(-1);

  1811. 		 //document.location = "index2.html?KID="+ID +"&name="+ kname; 

  1812. 		 //"name":"健身房","note":"王大明09123456789","QRCode":"KaiZvhWz5dcUqkkuvAK0q6T/iw4dbE7CpGKDozTFL2LkH6g1YRdayW=="

  1813. 		// alert(vtttt);

  1814. 		//vcyd

  1815. 		  var jsonString = "{\"action\":\"shareQr\", \"serial\":\"001\",\"data\":{\"name\":\""+kname+"\",\"note\":\""+vtttt+"\",\"QRCode\":\""+qrcd+"\",\"time\":\""+vtstpqr+"\",\"cycle\":\""+vcyd+"\"}}";

  1816.         // alert(jsonString);      

  1817. 	  // updateOutput(jsonString);

  1818.         /// "WebToApp". 為我們和前端開發人員的約定

  1819. 	     orgcycle=fincycle;

  1820. 	       vvqrcd=qrcd;

  1821. 	       senttoother();

  1822. 		if (TYPE=='IOS')

  1823. 		{

  1824.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  1825. 		}

  1826. 		if (TYPE=='ANDROID')

  1827. 		{

  1828.         webSocket.send(jsonString);

  1829. 		}

  1830. 		 

  1831. 		 }catch(e)

  1832. 		 {

  1833. 		 alert(e);

  1834. 		 }

  1835. 		 }

  1836. 		 

  1837. 	     if (vsn=='001')

  1838. 		 {

  1839. 		 try

  1840. 		 {

  1841. 		 // alert( '001');

  1842. 		  var ress = message;

  1843. 		  // alert( ress);

  1844. 		  isget2=true;

  1845. 		     vobj = JSON.parse( ress); 		 

  1846. 		  isget=false;

  1847. 		   vdata = "{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}";

  1848. }catch(e)

  1849. {

  1850. alert(e);

  1851. }		 

  1852.            //updateOutput('---------------------------');

  1853. 		 // updateOutput(vdata);

  1854. 		  

  1855. 		 

  1856.      message4 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}");

  1857.     message4.destinationName = SN ;

  1858. 	message4.retained = false;

  1859. 		message4.qos = 0;

  1860. 	var vivi = 0;

  1861. 	  //  client.send(message); 

  1862.     var intervalID  =   setInterval(() => {	

  1863. 	if (isget)

  1864. 	 {

  1865. 	 

  1866. 	 }

  1867. 	 else

  1868. 	 {

  1869. 	   if (vivi>3)

  1870. 	   {

  1871. 	    clearInterval(intervalID);

  1872. 	   alert('連線異常');

  1873. 	  

  1874. 	   }else

  1875. 	   {

  1876. 	     vivi++;

  1877. 	    client.send(message4); 

  1878. 	   }

  1879. 	

  1880. 	}	

  1881.   }, 500);	

  1882. 	 

  1883. 		 }

  1884. 		 

  1885. 		  if (vsn=='101')

  1886. 		 {

  1887. 		 try

  1888. 		 {

  1889. 		 vsn='102';

  1890. 		 // alert( '102');

  1891. 		  var ress = message;

  1892. 		 // alert( ress);

  1893. 		     vobj = JSON.parse( ress); 		 

  1894. 		  isget=false;

  1895. 		   vdata = "{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}";

  1896. 		 

  1897.            //updateOutput('---------------------------');

  1898. 		 // updateOutput(vdata);

  1899. 		  

  1900. 	 

  1901. 	message9 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}");

  1902.     message9.destinationName = SN ;

  1903. 	  message9.retained = false;

  1904. 		message9.qos = 0;

  1905. var vivi = 0;

  1906.  

  1907. 	 //   client.send(message); 

  1908.     var intervalID  =   setInterval(() => {	

  1909. 	if (isget)

  1910. 	 {

  1911. 	 

  1912. 	 }

  1913. 	 else

  1914. 	 {

  1915. 	   if (vivi>3)

  1916. 	   {

  1917. 	  

  1918. 	   clearInterval(intervalID);

  1919.       alert('連線異常');	  

  1920. 	  }else

  1921. 	   {

  1922. 	    

  1923. 	    client.send(message9); 

  1924. 		 vivi++;

  1925. 	   }

  1926. 	

  1927. 	}	

  1928.   }, 500);	

  1929.   

  1930. 	 }catch(e)

  1931. {

  1932. alert(e);

  1933. }

  1934. 		 }

  1935. 		 

  1936. 		 if (vsn=='003')

  1937. 		 {

  1938. 		 try

  1939. 		 {

  1940. 		 // alert( '003');

  1941. 		  var ress = message;

  1942. 		  // alert( ress);

  1943. 		     vobj = JSON.parse( ress); 		 

  1944. 		isget3=false;

  1945. 		   vdata = "{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}";

  1946. }catch(e)

  1947. {

  1948. alert(e);

  1949. }		 

  1950.            //updateOutput('---------------------------');

  1951. 		//  updateOutput(vdata);

  1952. 		  

  1953. 		 

  1954. message6= new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}");

  1955.     message6.destinationName = SN ;

  1956. 	   message6.retained = false;

  1957. 		message6.qos = 0;

  1958. 	

  1959. 	//setTimeout(() => {

  1960. 	var vivi = 0;

  1961. 	 

  1962. 	  

  1963.     var intervalID  =   setInterval(() => {	

  1964. 	if (isget3)

  1965. 	 {

  1966. 	 

  1967. 	 }

  1968. 	 else

  1969. 	 {

  1970. 	   if (vivi>3)

  1971. 	   {

  1972. 	   alert('連線異常');

  1973. 	   clearInterval(intervalID);

  1974. 	   }else

  1975. 	   {

  1976. 	     vivi++;

  1977. 	    client.send(message6); 

  1978. 	   }

  1979. 	

  1980. 	}	

  1981.   }, 500);	

  1982. 	

  1983.    

  1984. 		 

  1985. 		 }

  1986. 	

  1987.       //  updateOutput(message);

  1988.         return "Got it"

  1989.     }

  1990. 

  1991.     function endode() {

  1992.         var text = input.value;

  1993.         var jsonString = "{\"action\":\"encode\", \"serial\":\"001\",\"data\":"+text+"}";

  1994. 		

  1995.        // updateOutput(jsonString);

  1996.         /// "WebToApp". 為我們和前端開發人員的約定

  1997. 		if (TYPE=='IOS')

  1998. 		{

  1999.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  2000. 		}

  2001. 		if (TYPE=='ANDROID')

  2002. 		{

  2003.         webSocket.send(jsonString);

  2004. 		}

  2005. 		

  2006.     }

  2007. 

  2008.     function decode() {

  2009.         var text = input.value;

  2010.         var jsonString = "{\"action\":\"decode\", \"serial\":\"001\",\"data\":\""+text+"\"}";

  2011.         //updateOutput(jsonString);

  2012.         /// "WebToApp". 為我們和前端開發人員的約定

  2013. 		if (TYPE=='IOS')

  2014. 		{

  2015.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  2016. 		}

  2017.        if (TYPE=='ANDROID')

  2018. 		{

  2019.         webSocket.send(jsonString);

  2020. 		}

  2021.     }

  2022. 	

  2023. 	 

  2024. 

  2025.     function updateOutput(text) {

  2026.       output.innerHTML += "<br/>" + text;

  2027.     }

  2028. 	

  2029. 	

  2030.     </script>

  2031. 	<script>  

  2032.     var getUrlParameter = function getUrlParameter(sParam) {

  2033.     var sPageURL = decodeURIComponent(window.location.search.substring(1)),

  2034.         sURLVariables = sPageURL.split('&'),

  2035.         sParameterName,

  2036.         i;

  2037. 

  2038.     for (i = 0; i < sURLVariables.length; i++) {

  2039.         sParameterName = sURLVariables[i].split('=');

  2040. 

  2041.         if (sParameterName[0] === sParam) {

  2042.             return sParameterName[1] === undefined ? true : sParameterName[1];

  2043.         }

  2044.     }

  2045. };

  2046. 

  2047. Date.prototype.format = function (format) {

  2048.     //eg:format="yyyy-MM-dd hh:mm:ss";

  2049. 

  2050.     if (!format) {

  2051.         format = "yyyy-MM-dd hh:mm:ss";

  2052.     }

  2053. 

  2054.     var o = {

  2055.         "M+": this.getMonth() + 1,  // month

  2056.         "d+": this.getDate(),       // day

  2057.         "H+": this.getHours(),      // hour

  2058.         "h+": this.getHours(),      // hour

  2059.         "m+": this.getMinutes(),    // minute

  2060.         "s+": this.getSeconds(),    // second

  2061.         "q+": Math.floor((this.getMonth() + 3) / 3), // quarter

  2062.         "S": this.getMilliseconds()

  2063.     };

  2064. 

  2065.     if (/(y+)/.test(format)) {

  2066.         format = format.replace(RegExp.$1, (this.getFullYear() + "")

  2067.             .substr(4 - RegExp.$1.length));

  2068.     }

  2069. 

  2070.     for (var k in o) {

  2071.         if (new RegExp("(" + k + ")").test(format)) {

  2072.             format = format.replace(RegExp.$1, RegExp.$1.length == 1

  2073.                 ? o[k]

  2074.                 : ("00" + o[k]).substr(("" + o[k]).length));

  2075.         }

  2076.     }

  2077. 

  2078.     return format;

  2079. };

  2080. </script>  

  2081. <br>

  2082. </body>

  2083. 

  2084. </html>