jQuery UI datepicker'setDate'方法不起作用

Posted

技术标签:

【中文标题】jQuery UI datepicker\'setDate\'方法不起作用【英文标题】:jQuery UI datepicker 'setDate' method not workingjQuery UI datepicker'setDate'方法不起作用 【发布时间】:2011-11-08 13:10:55 【问题描述】:

我在使用 jQuery 中的 datepicker 时遇到了一些问题。

我正在尝试将今天的日期放在一个日期选择器字段中。

我试过了:

$('#fecha_alta').datepicker('setDate', new Date());
console.log($('#fecha_alta').datepicker('getDate'));

$('#fecha_alta').datepicker('setDate', '+0');
console.log($('#fecha_alta').datepicker('getDate'));

但总是记录 null 并且输入显示为空。

怎么了?

【问题讨论】:

签出***.com/questions/606463/… 【参考方案1】:

以下代码有效:

$(document).ready(function() 
  $('#datepicker').datepicker('setDate', new Date());
);

(在 jQueryUI 日期选择器上测试 demo page)

【讨论】:

如果它不起作用,可能与不兼容有关? 解决此问题的最简单方法是创建一个 jsfiddle.net 空间,其中包含最简约的代码,以便您重现此问题。如果问题仍然存在,您可以与我们分享您的问题,并期待我们的人员进行快速分析。 当然,当我使用“#datepicker”时,您应该使用“#fecha_alta”,因为它是您使用的 ID。我的回答很笼统,可以应用于 jQueryUI 演示页面。 是的,我知道,您的回答是我输入的代码之一......无论如何,感谢您的帮助。我会测试它们:D【参考方案2】:

如果您需要默认将日期设置为当前日期,那么您可能希望在创建小部件时在开始时设置它:

$('#datepicker').datepick(
  defaultDate: new Date()
);

【讨论】:

【参考方案3】:

你也可以这样设置日期

$('.date-pick').datePicker().val(new Date()).trigger('change')

【讨论】:

以上是关于jQuery UI datepicker'setDate'方法不起作用的主要内容,如果未能解决你的问题,请参考以下文章

jquery.ui.theme.css 和 jquery-ui.css 有啥区别?

jquery-ui-timepicker怎么用

前端(jQuery UI)-- jQuery UI下载与使用

是否可以在 jquery 函数中为 JQuery UI 工具提示设置不同的 UI 主题

jQuery-UI 自动完成不会显示在 jQuery-UI 对话框中

jquery-ui.css 和 jquery-ui.css 有啥区别?s2j=3.3.1 [重复]