且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何使日期选择器在刷新时突出显示

更新时间:2023-01-29 20:13:08

您可以使用defaultDate设置在日期选择器上选择的初始日期,并在日历上模拟click事件以突出显示星期:

You can use the defaultDate to set the initial date selected on the datepicker, and simulate a click event on the calendar to highlight the week:

var selectDate = '09/29/2011';

$('.week-picker').datepicker({
    defaultDate: selectDate
}).click(function(event) {
    // highlight the TR
    $(".ui-datepicker-current-day").parent().addClass('highlight');

    // highlight the TD > A
    $(".ui-datepicker-current-day:eq(0)").siblings().find('a').addClass('white');
}).click();

示例: http://jsfiddle.net/william/YQ2Zw/15/

更新

假设Datepicker.js已加载到timesheet中,您应该能够再执行另外两行:

Assuming Datepicker.js is loaded in timesheet, you should be able to do that with two more lines:

window.onload = function getURL(){
    var url = document.location.href;
    urlSplit = url.split("/timesheet");

    if(urlSplit[1]== "")
    {
        var d = getMonday(new Date());

        dd = zeroPad(d.getDate(),2);
        mm = zeroPad(d.getMonth()+1,2);
        yy = d.getFullYear();

        document.getElementById('startDate').innerHTML = yy + "-" + mm + "-" + dd;
        //window.location.href = "/timesheet?week_commencing=" + yy + "-" + mm + "-" + dd;

        $('.week-picker').datepicker({
            defaultDate: mm + '/' + dd + '/' + yy
        }).click();
    }
    else
    {
        week = url.split("week_commencing=");
        //return week[1];
        document.getElementById('startDate').innerHTML = week[1];
    }
}