»
Tiếng AnhTiếng PhápTiếng Việt

In - Tờ lịch tháng - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Thời gian » Lịch » Tờ lịch tháng
URL: https://www.javascriptbank.com/epoch-dhtml-calendar-index.html

Tờ lịch tháng © JavaScriptBank.comHiệu ứng tạo một tờ lịch tháng cho phép chọn ngày trên trang web.

Phiên bản đầy đủ: jsB@nk » Thời gian » Lịch » Tờ lịch tháng
URL: https://www.javascriptbank.com/epoch-dhtml-calendar-index.html



CSS
<LINK href="epoch_styles.css" type=text/css rel=stylesheet><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT src="epoch_classes.js" type=text/javascript></SCRIPT><SCRIPT type=text/javascript>/*You can also place this code in a separate file and link to it like epoch_classes.js*/var bas_cal,dp_cal,ms_cal;      window.onload = function () {bas_cal = new Epoch('epoch_basic','flat',document.getElementById('basic_container'));ms_cal  = new Epoch('epoch_multi','flat',document.getElementById('multi_container'),true);dp_cal  = new Epoch('epoch_popup','popup',document.getElementById('popup_container'));};</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<H3>Inline calendar:</H3><P><!--webbot bot="HTMLMarkup" startspan --><DIV id=basic_container></DIV><!--webbot bot="HTMLMarkup" endspan i-checksum="19186" --><P></P><PRE><B>Code:</B> var calendar = new Epoch(&#39;cal&#39;,&#39;flat&#39;,document.getElementById(&#39;container&#39;),false);</PRE><H3>Inline calendar with multiple date selections (rows and columns):</H3><P><!--webbot bot="HTMLMarkup" startspan --><DIV id=multi_container></DIV><!--webbot bot="HTMLMarkup" endspan i-checksum="19600" --><P></P><PRE><B>Code:</B> var multiselect_calendar = new Epoch(&#39;cal&#39;,&#39;flat&#39;,document.getElementById(&#39;container&#39;),true);</PRE><H3>Date picker calendar:</H3><P><!--webbot bot="HTMLMarkup" startspan --><FORM id=placeholder action=# method=get><INPUT id=popup_container> <INPUT onclick=dp_cal.toggle(); type=button value=pick> </FORM><!--webbot bot="HTMLMarkup" endspan i-checksum="56464" --></P><PRE><B>Code:</B> var popupcalendar = new Epoch(&#39;cal&#39;,&#39;popup&#39;,document.getElementById(&#39;inputid&#39;),false);</PRE><P>Epoch Calendar supports automatic date formatting – US, European, or create your own!</P><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


Files
http://javascriptbank.com/javascript/time/Epoch_DHTML_Calendar/epoch_styles.csshttp://javascriptbank.com/javascript/time/Epoch_DHTML_Calendar/epoch_classes.js