首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >打开日期选择器上的“今日”按钮

打开日期选择器上的“今日”按钮
EN

Stack Overflow用户
提问于 2013-06-09 17:35:28
回答 3查看 33.2K关注 0票数 7

我正在使用一个日期选择器从这个源http://jqueryui.com/datepicker/#buttonbar,我正在尝试让“今天”按钮在按钮栏上是活动的,有人可以帮助我吗?

代码语言:javascript
运行
复制
$(".datepicker").datepicker({
            showButtonPanel: true, closeText: 'Clear',
             gotoCurrent : true,
            changeMonth: true,
            changeYear: true,
            yearRange: '1900, 2300',
            dateFormat: _DateFormatDatePicker,             
            onSelect: function (dateText, inst) {
                dateAsString = dateText; //the first parameter of this function
                var dateAsObject = $(this).datepicker('getDate'); //the getDate method
                document.getElementById('<%=hdnTempDate.ClientID%>').value = dateText;
            }
EN

回答 3

Stack Overflow用户

发布于 2014-04-09 03:08:21

试试这个:

代码语言:javascript
运行
复制
$(".datepicker").datepicker({
    showOn: "button",
    showButtonPanel: true,
    buttonImage: buttonCalendar,
    buttonImageOnly: true,
    buttonText: ""
});

并在您拥有日历的页面中调用此js代码。

代码语言:javascript
运行
复制
$.datepicker._gotoToday = function(id) { 
    $(id).datepicker('setDate', new Date()).datepicker('hide').blur(); 
};
票数 14
EN

Stack Overflow用户

发布于 2014-07-22 16:52:42

尝尝这个

代码语言:javascript
运行
复制
$(function() {
    $( "#datepicker" ).datepicker({
        showButtonPanel: true
    });
});
票数 9
EN

Stack Overflow用户

发布于 2015-11-03 19:26:23

通过以下方式启用按钮面板:showButtonPanel: true。然后将以下代码放在datepicker JS代码之后:

代码语言:javascript
运行
复制
var _gotoToday = jQuery.datepicker._gotoToday;
jQuery.datepicker._gotoToday = function(a){
    var target = jQuery(a);
    var inst = this._getInst(target[0]);
    _gotoToday.call(this, a);
    jQuery.datepicker._selectDate(a, jQuery.datepicker._formatDate(inst,inst.selectedDay, inst.selectedMonth, inst.selectedYear));
};
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17008293

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档