正文 

当前位置： 首页 > 问答 >

打开日期选择器上的今天按钮

     2023-05-07     275

关键词：

【中文标题】打开日期选择器上的今天按钮【英文标题】：Turn on Today button on date picker 【发布时间】：2013-06-05 04:31:42 【问题描述】：

我正在使用来自此来源 http://jqueryui.com/datepicker/#buttonbar 的日期选择器，我正在尝试让按钮栏上的“今天”按钮处于活动状态，谁能帮助我。

$(".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;

【问题讨论】：

这可能会帮助你回答我api.jqueryui.com/datepicker/#option-currentText 你说让它“活跃”是什么意思？ 看起来并不简单，看这里：***.com/questions/1073410/… 查看***.com/questions/233553/… 【参考方案1】：

试试这个：

$(".datepicker").datepicker(
    showOn: "button",
    showButtonPanel: true,
    buttonImage: buttonCalendar,
    buttonImageOnly: true,
    buttonText: ""
);

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

$.datepicker._gotoToday = function(id)  
    $(id).datepicker('setDate', new Date()).datepicker('hide').blur(); 
;

【讨论】：

感谢$.datepicker._gotoToday = function(id) $(id).datepicker('setDate', new Date()).datepicker('hide').blur(); ; 更正确的是$(id).datepicker('setDate', new Date()).datepicker('hide').blur().change();【参考方案2】：

试试这个

$(function() 
    $( "#datepicker" ).datepicker(
        showButtonPanel: true
    );
);

【讨论】：

【参考方案3】：

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

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));
;

【讨论】：

引导日期选择器上的棘手问题

...设备上测试），当我向下滚动并尝试触摸日期选择器将其打开，它会滚动回页面顶部，我该如何解决这个问题？当我使用自 查看详情

jQueryUI 日期选择器上的焦点事件

】jQueryUI日期选择器上的焦点事件【英文标题】：FocuseventonjQueryUIdatepicker【发布时间】：2014-05-0312:30:02【问题描述】：我想用附加的Datepicker处理输入元素上的焦点事件以保存原始值。不幸的是，对弹出元素（如下个月按钮）的任... 查看详情

日期选择器上的自定义输入字段

】日期选择器上的自定义输入字段【英文标题】：CustomInputFieldondatepicker【发布时间】：2018-10-2716:59:18【问题描述】：我在我的应用中实现了react-datepicker。一切都很好，除了我想自定义日期选择器的输入字段并将其调整为我的其... 查看详情

为啥 Android 原生 HTML5 日期选择器上的 Chrome 变得非常慢？

】为啥Android原生HTML5日期选择器上的Chrome变得非常慢？【英文标题】：WhyhasChromeonAndroid\'snativeHTML5datepickerbecomereallyslow?为什么Android原生HTML5日期选择器上的Chrome变得非常慢？【发布时间】：2015-07-2923:34:04【问题描述】：我的网站... 查看详情

无法单击日期选择器按钮以使用 appium 和 java 更改日期

】无法单击日期选择器按钮以使用appium和java更改日期【英文标题】：Notabletoclickonthedatepickerbuttontochangethedateusingappiumandjava【发布时间】：2016-11-0411:00:40【问题描述】：无法单击日期选择器上的月、日、年、hh、mm按钮来更改值。... 查看详情

如何在单击活动类中的按钮时过滤适配器上微调器上的列表

...上。我的活动类上有一个按钮，单击该按钮时，无论用户选择了微调器上的什么项目，都应显示相应的列表。我试图实现F 查看详情

iPhone 12 mini 和 13 mini 模拟器上的完成按钮工具栏未显示在加载时间选择器上。这是一个错误吗？

...12mini和13mini模拟器上的完成按钮工具栏未显示在加载时间选择器上。这是一个错误吗？【英文标题】：DonebuttontoolbaroniPhone12miniand13minisimulatornotshowingonloadingtimepicker.Isthisabug?【发布时间】：2021-12-1017:40:11【问题描述】：我正在使用... 查看详情

日期选择器上/下个月日期可选

】日期选择器上/下个月日期可选【英文标题】：Datepickerprevious/nextmonthdatesselectable【发布时间】：2012-03-3003:55:51【问题描述】：我想在我的datePicker上显示上个月和下个月的日期。就像这样：这些日期也应该是可选择的。jQuery默认... 查看详情

在日期选择器上禁用过去的日期

】在日期选择器上禁用过去的日期【英文标题】：disablepastdatesondatepicker【发布时间】：2013-03-2309:09:50【问题描述】：如何在datetimepicker上禁用当前日期的过去日期？我尝试了几篇类似问题的帖子，但无法实现，以下是我尝试过的... 查看详情

在日期选择器上设置日期 jquery ui datepicker

】在日期选择器上设置日期jqueryuidatepicker【英文标题】：Setdateonadatepickerjqueryuidatepicker【发布时间】：2019-11-2412:55:25【问题描述】：我有一个网站，我正在实施日期选择器，该网站用于上传学校任务，然后我有一个日期选择器用... 查看详情

如何在日期选择器上设置特定时间？

】如何在日期选择器上设置特定时间？【英文标题】：Howtosetspecifictimeondatepicker?【发布时间】：2021-06-0610:33:08【问题描述】：我正在使用日期选择器并选择datePicker模式作为时间。当我加载日期选择器时，它显示的是当前时间。... 查看详情

选择器上的选择器

】选择器上的选择器【英文标题】：Pickeronselect【发布时间】：2021-04-3002:05:15【问题描述】：所以我试图在用户选择选择器选项后运行一个函数。这个想法是用户可以设置一个默认站，所以我需要能够将选择的值发送到一个函数... 查看详情

如何在日期选择器上禁用所有星期天？

】如何在日期选择器上禁用所有星期天？【英文标题】：HowcanIdisableallsundayondatepicker?【发布时间】：2020-02-2208:55:33【问题描述】：我使用vuetifydatepicker和momentjs我想在日期选择器上禁用星期天我的代码是这样的：<v-date-pickerv-mode... 查看详情

在 jQuery 日期选择器上收听 onChange？

】在jQuery日期选择器上收听onChange？【英文标题】：ListeningtoonChangeonajQuerydatepicker?【发布时间】：2015-07-1921:30:18【问题描述】：我目前正在创建这样的日期选择器HTML<scriptsrc="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>... 查看详情

如何在我的日期选择器上启用未来年份？

】如何在我的日期选择器上启用未来年份？【英文标题】：HowcanIenablefutureyearsonmydatepicker?【发布时间】：2021-03-0608:20:33【问题描述】：我在网络开发方面真的很菜鸟，我在我的项目中使用TailwindCSS和AlpineJS，我需要允许用户在我... 查看详情

如何在 Swift 的日期选择器上设置本地通知时间

】如何在Swift的日期选择器上设置本地通知时间【英文标题】：HowtosetlocalnotificationtimetotimeondatepickerforSwift【发布时间】：2017-08-1002:22:25【问题描述】：importUIKitimportUserNotificationsclassViewController:UIViewController@IBOutletweakvarmyDatePicker1:UI 查看详情

覆盖链式选择器上的 Tailwind CSS @apply 指令

】覆盖链式选择器上的TailwindCSS@apply指令【英文标题】：OverrideTailwindCSS@applydirectiveonchainedselectors【发布时间】：2021-12-1720:21:14【问题描述】：有没有办法覆盖链式选择器上的@apply指令？示例：https://play.tailwindcss.com/2nmGe5yad3HTML<u... 查看详情

如何在斑马日期选择器上调用我的 onchange 事件？

】如何在斑马日期选择器上调用我的onchange事件？【英文标题】：Howtocallmyonchangeeventonzebradatepicker?【发布时间】：2015-10-2217:19:44【问题描述】：我已经使用了输入类型文本字段并将斑马日期选择器附加到它，现在我如何在onchange... 查看详情