【问题标题】:Jquery Datepicker not selecting the default dateJquery Datepicker没有选择默认日期
【发布时间】:2010-04-26 07:11:58
【问题描述】:

我的日期选择器是这样设置的

$("#scheduled_date_163").datepicker({
    onSelect: function(dateText, inst) {
      jQuery.get("/tasks/inplace_edit?id=scheduled_date_163&class_name=Task&value=" + dateText,  function(data){
        $('#scheduled_date_163').html(data);
        $('#scheduled_date_163').removeClass('hasDatepicker');
      })
    }
  });

$('#scheduled_date_163').datepicker( "option", "defaultDate", $.datepicker.parseDate("d m y", "31 8 2009") );

如您所见,日期是硬编码的。它应该被一些代码替换。但是,日期选择器拒绝选择日期!它总是向我显示当前日期。无法弄清楚为什么。我什至尝试以字符串和+7 等形式给出日期。但是今天的日期本身显示为默认日期。

这可能是什么原因造成的?

更新

scheduled_date_163 的元素不是文本字段。它是一个 div.On 点击上面写的 datepicker javascript 执行。

<div id="scheduled_date_163">
    <p class='date'>None</p>
</div>

div ID 不会在页面上重复。

【问题讨论】:

  • 您是否考虑过检查这些解决方案之一?

标签: jquery jquery-ui datepicker


【解决方案1】:

演示: http://jsbin.com/uqevo3/2/edit

$("#scheduled_date_163").datepicker({
   defaultDate: "31-8-2009", //OR $.datepicker.parseDate("dd mm yy", "31 8 2009")
   dateFormat: 'dd-mm-yy', // format as ##-##-####
    onSelect: function(dateText, inst) {
      jQuery.get("/../" + dateText,  function(data){
        $('#scheduled_date_163').html(data);
        $('#scheduled_date_163').removeClass('hasDatepicker');
      })
    }
  });

注意:无需声明两次相同的日期选择器,这是您的主要问题!

那么如果您需要为多个日期选择器设置一些常量选项,您可能需要使用 实用功能.setDefaults()

【讨论】:

    【解决方案2】:

    这对我有用:

    $('#scheduled_date_163').datepicker({defaultDate: $.datepicker.parseDate("d m y", "31 8 2009")});
    

    但是,这只是在日期选择器本身中设置了一个默认日期,它不会改变输入字段。对于后者,您可以简单地使用 val() 方法分配一个值。

    onSelect 部分看起来与问题无关。)

    【讨论】:

    • 谢谢。您提供的代码也适用于我,但是,正如您所说,它会更改日期选择器本身的默认日期。我不想要那个。我想要一个特定的实例,因为我在页面上有数百个。此外,日期选择器不会显示在输入字段上,但会在单击 div 时显示。所以我想 val 方法行不通。还有其他建议吗?谢谢。
    • ID 必须是唯一的:如果 $('#scheduled_date_163') 返回多个对象,则您的应用需要稍微重新设计。无论如何,我无法理解你想要做什么。如果您正在做一些非标准的事情,您至少应该发布一些 HTML。
    猜你喜欢
    • 2011-04-09
    • 2010-12-11
    • 1970-01-01
    • 2014-01-08
    • 1970-01-01
    • 2011-10-02
    • 1970-01-01
    • 2012-02-05
    • 1970-01-01
    相关资源
    最近更新 更多