jQuery UI的DatePicker的顯示當月同比僅在一個日曆

我發現在這個頁面這個代碼..jQuery UI的DatePicker的顯示當月同比僅在一個日曆

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<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"> 
<script type="text/javascript"> 
$(function() { 
$('.date-picker').datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    showButtonPanel: true, 
    dateFormat: 'MM yy', 
    onClose: function(dateText, inst) { 
     var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
     var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
     $(this).datepicker('setDate', new Date(year, month, 1)); 
    } 
}); 
}); 
</script> 
<style> 
    .ui-datepicker-calendar { 
display: none; 
} 
</style> 
</head> 
<body> 
    <label for="startDate">Date :</label> 
    <input name="startDate" id="startDate" class="date-picker" /> 
</body> 
</html>

和工作，如果你在同一頁面上只有一個日曆，但如果我有兩個日曆，隱藏在兩個日子裏，我希望只能在一個日曆中應用..有人可以告訴我，我該怎麼做呢？

謝謝。

來源

2012-11-14 bombai

通過使用$('.date-picker').datepicker({您可以使用相同的設置（特別是日期格式）初始化所有日曆，因此您需要分別初始化它們。例如。如果您的日曆有ID 「firstCalendar」和「secondCalendar」，如上INIT第一招：

$('#firstCalendar').datepicker({ 
    dateFormat: 'MM yy' 
});

，第二個用缺省的日期格式：

$('#secondCalendar').datepicker({ 
    dateFormat: 'mm/dd/yy' 
});

來源

2012-11-14 17:17:37 shiftoff

您需要刪除

.ui-datepicker-calendar { 
    display: none; 
}

試試這個jsfiddle

來源

2013-07-29 13:13:17 Valerii

爲什麼-1？在jsfiddle中，我提供瞭解決方案，您需要標記輸入，在那裏您只需使用'.monthPicker'類選擇幾個月。所以如果你只想選擇一個月添加'.monthPicker'，否則就不要添加那個類。 – Valerii

jQuery UI的DatePicker的顯示當月同比僅在一個日曆

回答

相關問題