Examples
List of modules
-
Ace Editor
Affix
Alert
Audio
Button
Carousel
Char Counter
Color Picker
Data Table
Datepicker
Diagram Builder
Dropdown
Form Builder
Form Validator
I/O
Image Cropper
Image Viewer
Modal
Node
Pagination
Popover
Progress Bar
Rating
Scheduler
Scrollspy
Sortable Layout
Sortable List
Tabview
Timepicker
Toggler
Toolbar
Tooltip
TreeView
Video
Viewport
Datepicker
<input class="form-control" type="text" placeholder="Day, Mon dd, yyyy" value="水, 9月 04, 2014">
YUI({ lang: 'ja' }).use(
'aui-datepicker',
function(Y) {
var datepicker = new Y.DatePicker(
{
trigger: 'input',
mask: '%a, %b %d, %Y',
popover: {
toolbars: {
header: [[
{
icon:'icon-trash',
label: 'Clear',
on: {
click: function() {
datepicker.clearSelection();
}
}
},
{
icon:'icon-globe',
label: 'Travel date',
on: {
click: function() {
datepicker.clearSelection();
datepicker.selectDates(new Date());
}
}
}
]]
},
zIndex: 1
}
}
);
}
);