在Ajax日曆擴展程序中僅顯示和選擇每年的月份

我希望我的日曆僅顯示月份和年份，以及從日曆中僅選擇月份。在Ajax日曆擴展程序中僅顯示和選擇每年的月份

我已經使用了一個函數來完成我的要求的一部分，但是我的主要部分沒有被這個代碼滿足，即最初extender以網格形式顯示月份，但是當我選擇一個月份時，它打開日曆部分的日曆。我希望點擊的月份在一年的文本框中顯示，例如如果我點擊jun應該顯示jun/2013。

我已經使用這個功能：

function calendarShown(sender, e) { 
    sender._switchMode("months", true); 
}

這是我如何把它稱爲：

<AjaxControlToolkit:CalendarExtender ID="txtNextHearingMonth_CalendarExtender" runat="server" 
TargetControlID="txtNextHearingMonth" OnClientShown="calendarShown"> 

</AjaxControlToolkit:CalendarExtender>

來源

2013-05-31 Anuj

使用大紀元日曆，它提供了不同的選項來顯示日曆。

Have a look at this.

您也可以使用jquery 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>

日期：

來源

2013-05-31 10:15:32 MaheshVarma

我想只有年份和月份得到顯示和選擇，通過Epoch怎麼可能？軋光機？ – Anuj

@Anuj你的問題已被回答！ – MaheshVarma

非常感謝我實施它，它工作 – Anuj

在Ajax日曆擴展程序中僅顯示和選擇每年的月份

回答

相關問題