Question

下面我有一个Jquery datepicker和一个jquery timepicker（都是trent richardson的datepicker和timepicker）

 $(function() {
        $( "#datepicker" ).datepicker({minDate: 0, 
        dateFormat: "dd-mm-yy",
        showOn: "button",
        buttonImage: "Images/calendar.gif",
        buttonImageOnly: true});
    });



        $('#durationpicker').trenttimepicker({
            timeFormat:'hh mm ss',
            hourGrid: 4,
            minuteGrid: 10,
            secondGrid: 10,
            showOn: 'button',
            buttonImage: "Images/clock.gif",
            buttonImageOnly: true
            });

        });

现在，用户点击图标（datepicker的日历图标和timepicker的时钟图标（'#durationpicker'）访问datepicker和timepicker。我的问题是如何才能获得指针当用户将鼠标悬停在两个图标上时，会出现光标吗？

下面是html：

<p><strong>3: Duration:</strong> <input type="text" id="durationpicker" name="durationChosen" readonly="readonly" />

<p><strong>4: Date:</strong> <input type="text" id="datepicker" name="dateChosen" readonly="readonly" />

Answer 1

.ui-datepicker-trigger{cursor:pointer}

Answer 2

           $( ".ui-datepicker-trigger" ).css('cursor','pointer');

这对我来说是jQuery的方式，你可以把它包含在你的脚本中，它不应该给你任何问题。我自己用它来制作一个包含jQuery ThemeSwitcher和jQuery UI主题的项目。

这是一个疯狂的猜测，但应该带你到你需要的地方:)）

Answer 3

如果我理解您的问题，您需要为这两个图标添加以下CSS代码

#durationpicker, #datepicker {
cursor: pointer;
}

Answer 4

.ui-state-hover {
        cursor: pointer !important;
    }

为我工作

悬停在图标上时如何显示指针

4 个答案: