persiandate-picker
Version:
Jalali Calendar Date picker
117 lines (95 loc) • 6.54 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: template.js</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Source: template.js</h1>
<section>
<article>
<pre class="prettyprint source"><code>/**
* @global
* @class TEMPLATE
* @type {{datepciker: string, navigator: string, timepicker: string}}
*/
var TEMPLATE = {
/**
* @desc datepicker
*/
datepciker: "<div class='{{css.datePickerPlotArea}}' >" + //
"<div class='{{css.navigator}}' ></div>" +//
" <div class='{{css.dayView}}' ></div>" + //
"<div class='{{css.monthView}}' ></div>" + //
"<div class='{{css.yearView}}' ></div>" + //
"<div class='{{css.timeView}}' ></div>" + //
"<div class='{{css.toolbox}}' ></div>" + //
"</div>",
/**
* @desc navigator
*/
navigator: "<div class='{{css.datpickerHeader}}' >" + //
"<div class='{{css.btnNext}}' >{{btnNextText}}</div>" + //
"<div class='{{css.btnSwitch}}' >{{btnSwitchText}}</div>" + //
"<div class='{{css.btnPrev}}' >{{btnPrevText}}</div>" + //
"</div>",
/**
* @desc timepicker
*/
timepicker: "<div class='hour time-segment' data-time-key='hour' >" + //
"<div class='up-btn' >&#9650;</div>" + //
"<input type='text' placeholder='hour' class='hour-input' />" + //
"<div class='down-btn' >&#9660;</div>" + //
"</div>" + //
"<div class='divider' >:</div>" + //
"<div class='minute time-segment' data-time-key='minute' >" + //
"<div class='up-btn' >&#9650;</div>" + //
"<input type='text' placeholder='minute' class='minute-input' />" + //
"<div class='down-btn' >&#9660;</div>" + //
"</div>" + //
"<div class='divider second-divider' >:</div>" + //
"<div class='second time-segment' data-time-key='second' >" + //
"<div class='up-btn' >&#9650;</div>" + //
"<input type='text' placeholder='second' class='second-input' />" + //
"<div class='down-btn' >&#9660;</div>" + //
"</div>" + //
"<div class='divider meridian-divider' ></div>" + //
"<div class='divider meridian-divider' ></div>" + //
"<div class='meridian time-segment' data-time-key='meridian' >" + //
"<div class='up-btn' >&#9650;</div>" + //
"<input type='text' placeholder='meridian&' class='meridian-input' />" + //
"<div class='down-btn' >&#9660;</div>" + //
"</div>",
/**
* @desc Month Grid
*/
monthGrid: "<div class='{{css.main}}' >" + //
"<div class='{{css.header}}' >" + //
"<div class='{{css.headerTitle}}' ></div>" + //
"<div class='{{css.headerRow}}' ></div>" + //
"</div>" + //
"<table cellspacing='0' class='{{css.daysTable}}' ><tbody><tr><td /><td/><td/><td/><td/><td/><td/></tr><tr><td/><td/><td/><td/><td/><td/><td/></tr><tr><td/><td/><td/><td/><td/><td/><td/></tr><tr><td/><td/><td/><td/><td/><td/><td/></tr><tr><td/><td/><td/><td/><td/><td/><td/></tr><tr><td/><td/><td/><td/><td/><td/><td/></tr></tbody></table>" + //
"</div>"
}</code></pre>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Index</a></h2><h3>Classes</h3><ul><li><a href="ClassBase.html">ClassBase</a></li><li><a href="ClassDatepicker.html">ClassDatepicker</a></li><li><a href="ClassDatepicker.ClassCompat.html">ClassCompat</a></li><li><a href="ClassDatepicker.ClassConfig.html">ClassConfig</a></li><li><a href="ClassDatepicker.ViewsDatePicker.html">ViewsDatePicker</a></li><li><a href="ClassDatepickerState.html">ClassDatepickerState</a></li><li><a href="ClassDayPicker.html">ClassDayPicker</a></li><li><a href="ClassDayPicker.ClassMonthGrid.html">ClassMonthGrid</a></li><li><a href="ClassMonthGrid.ViewsMonthGrid.html">ViewsMonthGrid</a></li><li><a href="ClassMonthPicker.html">ClassMonthPicker</a></li><li><a href="ClassNavigator.html">ClassNavigator</a></li><li><a href="ClassSprite.html">ClassSprite</a></li><li><a href="ClassTimePicker.html">ClassTimePicker</a></li><li><a href="ClassToolbox.html">ClassToolbox</a></li><li><a href="ClassYearPicker.html">ClassYearPicker</a></li><li><a href="TEMPLATE.html">TEMPLATE</a></li></ul><h3>Events</h3><ul><li><a href="ClassDatepicker.ClassConfig.html#.event:onHide">onHide</a></li><li><a href="ClassDatepicker.ClassConfig.html#.event:onSelect">onSelect</a></li><li><a href="ClassDatepicker.ClassConfig.html#.event:onShow">onShow</a></li><li><a href="ClassDatepicker.ClassConfig.html#.navigator#.event:onNext">onNext</a></li><li><a href="ClassDatepicker.ClassConfig.html#.navigator#.event:onPrev">onPrev</a></li><li><a href="ClassDatepicker.ClassConfig.html#.navigator#.event:onSwitch">onSwitch</a></li><li><a href="ClassDatepicker.html#.event:selectDate">selectDate</a></li><li><a href="ClassDatepicker.html#.event:selectDateTime">selectDateTime</a></li><li><a href="ClassDatepicker.html#.event:selectTime">selectTime</a></li></ul><h3>Global</h3><ul><li><a href="global.html#ClassDateRange">ClassDateRange</a></li><li><a href="global.html#delay">delay</a></li><li><a href="global.html#inherit">inherit</a></li><li><a href="global.html#log">log</a></li><li><a href="global.html#range">range</a></li></ul>
</nav>
<br clear="both">
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.4.0</a> on Sun Aug 07 2016 12:06:04 GMT+0430 (Iran Daylight Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>