jquery 插件 datetimepicker 在打开窗口时将日期设定为当前日期的方法。

最新推荐文章于 2024-08-09 07:09:26 发布

xutao_ustc

最新推荐文章于 2024-08-09 07:09:26 发布

阅读量2.8w

点赞数

分类专栏：项目文章标签： jquery date function null button callback

本文链接：https://blog.csdn.net/xutao_ustc/article/details/6237662

版权

这篇博客介绍了如何使用jQuery datetimepicker插件在打开日期选择窗口时自动设置为当前日期。通过在初始化插件时调用beforeShow回调函数，实现当前时间的选择。详细代码示例展示了如何为两个输入框设置该功能。

摘要由CSDN通过智能技术生成

$(function() { $("#start-time").datetimepicker({ dateFormat: 'yy-mm-dd', timeFormat: 'hh:mm', beforeShow: getCurrentTime }); $("#end-time").datetimepicker({ dateFormat: 'yy-mm-dd', timeFormat: 'hh:mm', beforeShow: getCurrentTime }); function getCurrentTime() { $(".ui-datepicker-current").click(); } });

jquery官网上面的datetimepicker,这是使用手动点击按钮的方法来触动当前时间的选择，因为这个库的源码不知道是什么原因只给了当前默认日期的配置，但是没有给定当前时间的配置。具体简单的配置可以参见他的源码的前面几个default之类的东西。这些基本上很容易看懂基本上就是这个插件的API了。

function DateTimepicker() { this.debug = false; // Change this to true to start debugging this._nextId = 0; // Next ID for a date picker instance this._inst = []; // List of instances indexed by ID this._curInst = null; // The current instance in use this._disabledInputs = []; // List of date picker inputs that have been disabled this._datetimepickerShowing = false; // True if the popup picker is showing , false if not this._inDialog = false; // True if showing within a "dialog", false if not this.regional = []; // Available regional settings, indexed by language code this.regional[''] = { // Default regional settings clearText: 'Clear', // Display text fo