jQuery UI DatePicker? ? ? ?? ??
jQuery UI DatePicker ?? ??? ? ??????? ??? ???? ?? ??? ?????. ??? ?? ???? ???? ?? ??? ???? ?? ???? ??? ????. ?? ??? ?? ??? ?? ??? ? ????.
"? ???" ?? ???
?? ?? ??? ???? ?????.
$(function() {
$('.date-picker').datepicker( {
changeMonth: true,
changeYear: true,
showButtonPanel: true,
dateFormat: 'MM yy',
onClose: function(dateText, inst) {
$(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
}
});
});
? ????? ?? ???? ?? ???? ?????. ??:
-
changeMonth ? changeYear: ? ? ?? ??? ??????.
-
showButtonPanel: ?? ?? ? ? ?? ?? ??.
-
dateFormat: ?? ??? ???? ??? ??? "MM yy"? ?????.
-
onClose: ???? ?? ?, ??? ??? ??? ?? 1?? ???? year.
??? ??? ???
??? ???? ???? ?? CSS ??? ?????.
.ui-datepicker-calendar {
display: none;
}
?? HTML ?
??? HTML? ??? ?????. ??? ?? ??? ??? ??:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css">
<style>
.ui-datepicker-calendar {
display: none;
}
</style>
</head>
<body>
<label for="startDate">Date : < /label>
<input name="startDate">
? ??? ???? ???? ?? ???? ???? ?? ?? ??? ??? ? ?? ??? ?????? ?????.
? ??? jQuery UI DatePicker? ???? ?? ??? ????? ??? ?? ????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!