با سلام
کد ها input :
<head>
<!-------------------فایل های مربوط به انیمیشن Div -------------------->
<!-------------------فایل های مربوط به انیمیشن Div -------------------->
<!-------------------فایل های مربوط به انیمیشن Div -------------------->
<!-------------------فایل های مربوط به انیمیشن Div -------------------->
<link href="style/DockCount.css" rel="stylesheet" type="text/css" />
<link href="style/DockFood.css" rel="stylesheet" type="text/css" />
<link href="style/DockAbout.css" rel="stylesheet" type="text/css" />
<link href="style/DockNews.css" rel="stylesheet" type="text/css" />
<link href="style/DockMenu.css" rel="stylesheet" type="text/css" />
<script src="js/Dockmenu.min.js" type="text/javascript"></script>
<script src="js/Dockjquery-1.10.2.min.js" type="text/javascript"></script>
<!-------------------فایل های مربوط به تقویم -------------------->
<!-------------------فایل های مربوط به تقویم -------------------->
<!-------------------فایل های مربوط به تقویم -------------------->
<!-------------------فایل های مربوط به تقویم -------------------->
<script type="text/javascript" src="js/calender/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/calender/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/calender/jquery.ui.datepicker-cc.js"></script>
<script type="text/javascript" src="js/calender/calendar.js"></script>
<script type="text/javascript" src="js/calender/jquery.ui.datepicker-cc-ar.js"></script>
<script type="text/javascript" src="js/calender/jquery.ui.datepicker-cc-fa.js"></script>
<!-------------------کد های مربوط به تقویم-------------------->
<!-------------------کد های مربوط به تقویم-------------------->
<!-------------------کد های مربوط به تقویم-------------------->
<!-------------------کد های مربوط به تقویم-------------------->
<script type="text/javascript">
$(function() {
// حالت پیشفرض
$('#datepicker0').datepicker();
//-----------------------------------
// نمایش شماره هفته
$('#datepicker1').datepicker({
showWeek: true
});
//-----------------------------------
// پرکردن فیلد اضافی
$("#datepicker2").datepicker({
dateFormat: 'dd/mm/yy',
altField: '#alternate2',
altFormat: 'DD، d MM yy'
});
//-----------------------------------
// نمایش دکمه ها
$('#datepicker3').datepicker({
showButtonPanel: true
});
//-----------------------------------
// تغییر قالب نمایش تاریخ و تغییر سایز خودکار فیلد
$("#datepicker4").datepicker({
dateFormat: 'dd/mm/yy',
autoSize: true
});
$("#format4").change(function() {
$('#datepicker4').datepicker('option', { dateFormat: $(this).val() });
});
//-----------------------------------
// استفاده از dropdown
$('#datepicker5').datepicker({
changeMonth: true,
changeYear: true
});
//-----------------------------------
// انتخاب با کلیک بر روی عکس
$("#datepicker6").datepicker({
showOn: 'button',
buttonImage: 'styles/images/calendar.png',
buttonImageOnly: true
});
//-----------------------------------
// نمایش inline
$('#datepicker7').datepicker();
//-----------------------------------
// نمایش چند ماه
$('#datepicker8').datepicker({
numberOfMonths: 3,
showButtonPanel: true
});
//-----------------------------------
// غیرفعال کردن روزها
$('#datepicker9').datepicker({
beforeShowDay: function(date) {
if (date.getDay() == 5)
return [false, '', 'تعطیلات آخر هفته'];
return [true];
}
});
//-----------------------------------
// تاریخ پیشفرض
$('#datepicker10').datepicker({
defaultDate: new JalaliDate(1361, 4, 10) //this means "1361/05/10"
});
//-----------------------------------
// تنظیم حداقل و حداکثر
$('#datepicker11').datepicker({
minDate: '-3d',
maxDate: '+1w +2d'
});
//-----------------------------------
// تنظیم حداقل بصورت پویا
$('#datepicker12from').datepicker({
onSelect: function(dateText, inst) {
$('#datepicker12to').datepicker('option', 'minDate', new JalaliDate(inst['selectedYear'], inst['selectedMonth'], inst['selectedDay']));
}
});
$('#datepicker12to').datepicker();
//-----------------------------------
// استفاده همزمان از تقویم میلادی
$('#datepicker13').datepicker({
regional: ''
});
//-----------------------------------
// استفاده همزمان از تقویم هجری قمری
$('#datepicker14').datepicker({
regional: 'ar'
});
});
</script>
</head>
<body>
<div class="border-row">
<div class="border-col1">تاریخ تولد :</div>
<div class="border-col2">
<input type="text" id="datepicker5" />
</div>
</div>
</body>
فایل های مربوطه :
مربوط به تقویم (http://download1592.mediafire.com/f3eyuv8whwwg/cxc9xqqeufn6d8f/Calender.rar)
مربوط به انیمیشن دایو (http://download1327.mediafire.com/olf9i60ga84g/xy2w64gh6fbypc6/AnimationDiv.rar)