0

我希望我的日历只显示月份和年份，并且只从日历中选择月份。

我使用了一个功能，它完成了我的部分要求，但我的主要部分没有被这段代码满足，即最初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>
4

1 回答 1

1

使用 Epoch 日历，它提供了不同的选项来显示日历。

看看这个。

您也可以使用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-31T10:15:32.353 回答