【问题标题】:How to setup default date for jQuery inline datePicker?如何为 jQuery 内联 datePicker 设置默认日期?
【发布时间】:2010-10-17 15:27:43
【问题描述】:

我正在使用这个jQuery inline datePicker 插件示例,但我不知道如何设置选择的默认日期。 你有什么想法吗?

【问题讨论】:

    标签: jquery datepicker


    【解决方案1】:
    $('.date-pick').datePicker({
        defaultDate: $.datepicker.parseDate("d m y", "31 8 2009")
    })
    

    【讨论】:

    • 它似乎也接受简单的字符串并智能地解释它们。例如,这会将默认日期设置为过去 2 个月:... defaultDate: "-2m" ... 然而,它似乎并没有真正选择日期。它只是确保在日历弹出窗口出现时显示该日期的月份。
    • 这不是链接到的日期选择器的解决方案。这是 jQuery UI 日期选择器的解决方案...
    • 这肯定已经过时了,因为当我测试它时我得到Object has no method 'datePicker',现在我想它是datepicker
    【解决方案2】:

    您将需要使用dpSetSelected 方法。我已将其添加到下面示例页面的代码中:

    $(function()
    {
        $('.turn-me-into-datepicker')
            .datePicker({inline:true})
            .dpSetSelected('01/04/2010') // The string should be in Date.format
            .bind(
                'dateSelected',
                function(e, selectedDate, $td)
                {
                    console.log('You selected ' + selectedDate);
                }
            );
    });
    

    如前所述,如果您有 changed Date.format,那么您需要确保字符串采用您更改为的格式。

    【讨论】:

    • 这是正确答案;每个人都请投票,并为 jquery 的默认日期选择器投票。
    【解决方案3】:

    这里:http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerDefaultToday.html

    $(function() {
         var date = new Date(); // replace with your date
         $('.date-pick').datePicker().val(date.asString()).trigger('change');
    });
    

    在您的字段中设置日期:

    <input class="date-pick" type="text" value="1/1/2009" />
    

    【讨论】:

    • 当日期选择器链接到输入时这是可能的,但我的内联日期选择器链接到 div。 :( 我还是不知道该怎么做。
    • 好的,比使用第一种方法 .val('1/1/2009').trigger('change');
    • 你不能将值属性分配给 div 选项卡!
    【解决方案4】:

    您可以简单地设置该输入框的值,例如 $('#date-picker').val('2015 年 6 月 22 日');

    【讨论】:

      【解决方案5】:
      $("selector").datepicker('setDate', 'today');
      

      设置 UI 小部件和“输入”元素。

      【讨论】:

        猜你喜欢
        • 2013-01-12
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-10-29
        相关资源
        最近更新 更多