en.javascript.info/2-ui/5-widgets/8-widget-tasks-2/1-date-selector/source.view/index.html
2015-02-21 00:59:02 +03:00

37 lines
964 B
HTML
Executable file

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
<script src="dateselector.js"></script>
</head>
<body>
<script type="text/template" id="date-selector-template">
/* шаблон для виджета */
</script>
<div id="selector-holder"></div>
<div id="value">тут будет значение даты при выборе</div>
<script>
var dateSelector = new DateSelector({
yearFrom: 2010,
yearTo: 2020,
value: new Date(2012, 2, 31), // 31 марта 2012
template: $('#date-selector-template').html()
});
$('#selector-holder').append(dateSelector.getElement());
$(dateSelector).on("select", function(e) {
$('#value').html( e.value + '' );
});
</script>
<button onclick="dateSelector.setValue(new Date)">setValue(сегодня)</button>
</body>
</html>