0

我正在使用 Ajax Toolkit Calendar Extender,并且我想在日历弹出时加粗当前日期。

var a = "1";
var b = "";

function ShowToday(e) {
    if (a == "1") {
        a = $("td.ajax__calendar_active > div").attr('id');
        a = '#' + a;
        b = a;
        $(a).css('font-weight', 'bold');
    }
    else {
        $(b).css('font-weight', 'bold');
    }
}

function CurrentDateShowing(e) {
    if (!e.get_selectedDate() || !e.get_element().value) {
        e._selectedDate = (new Date()).getDateOnly();
    }
}

我在 OnClientShowing 事件上使用“CurrentDateShowing”函数,在 OnClientShown 事件上使用“ShowToday”。

目前我正在使用这个javascript,但是当我打开另一个月份时,这个脚本有问题,当前日期的单元格仍然是粗体。我该如何克服这个问题。还有一个问题,当我在页面上有两个日历扩展器时,这不起作用。请帮忙。

4

2 回答 2

2

使用 CSS 设置“today”元素的样式:

.ajax__calendar_today { font-weight: bold; }

可用 CSS 类的完整详细信息在示例站点上

于 2011-09-01T06:21:35.273 回答
1

您可以修改您的 css 代码以更改样式。
.ajax__calendar_active :这应用于 DOM 中高于天、月或年的元素,用于应用显示当前选定值的 CSS 属性。

.ajax__calendar_active
 {
      font-weight:bold;
 }  

日历 CSS 类

* .ajax__calendar_container : The outer rectangular container that supplies the border around the calendar element. Child Css classes: .ajax__calendar_header,.ajax__calendar_body,.ajax__calendar_footer.
* .ajax__calendar_header : A container element that holds the next and previous arrows and the title of the current view. Child Css classes: .ajax__calendar_prev, .ajax__calendar_title, .ajax__calendar_next.
* .ajax__calendar_prev : An element that displays the arrow to view the previous set of data in the view(previous month/year/decade). Child Css classes: none.
* .ajax__calendar_title : An element that displays the title of the current view (month name, year, decade). Child Css classes: none.
* .ajax__calendar_next : An element that displays the arrow to view the previous set of data in the view (previous month/year/decade). Child Css classes: none.
* .ajax__calendar_body : A container element that holds the days, months, and years panes. Also provides a fixed rectangle with hidden overflow that is used for transitioning between views (next/previous month, or days/months/years).Child Css class: .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years.
* .ajax__calendar_days : A container element that holds the layout for the days in a month. Child Css classes: .ajax__calendar_dayname, .ajax__calendar_day
* .ajax__calendar_dayname : An element that displays the short name of the day of the week. Child Css classes: none.
* .ajax__calendar_day : An element that displays the day of the month. Child Css classes: none
* .ajax__calendar_months : A container element that holds the layout for the months in a year. Child Css classes: .ajax__calendar_month.
* .ajax__calendar_month : An element that displays the month of the year. Child Css classes: none
* .ajax__calendar_years : A container element that holds the layout for the years in a decade. Child Css classes: .ajax__calendar_year.
* .ajax__calendar_year : An element that displays the year in a decade. Child Css classes: none
* .ajax__calendar_footer : A container element that holds the current date. Child Css classes: .ajax__calendar_today.
* .ajax__calendar_today : An element that displays the current date. Child Css classes: none.
* .ajax__calendar_hover : This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show a hover state. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year
* .ajax__calendar_active : This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show the currently selected value. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year.
* .ajax__calendar_other : This is applied to an element in the DOM above a day or year that is outside of the current view (day not in the visible month, year not in the visible decade). Child Css classes: .ajax__calendar_day, .ajax__calendar_year.
于 2011-08-31T13:38:43.820 回答