【问题标题】:Bootstrap3 datepickerBootstrap3 日期选择器
【发布时间】:2014-02-08 00:41:24
【问题描述】:

请参阅此处的文档: http://bootstrap-datepicker.readthedocs.org/

1) 我正在尝试设置默认日期,以便在输入框中读取今天的日期。 2) 我想以 mm/dd/yyyy 格式获取所选日期。

我像这样实例化日期选择器:

$('.input-group.date').datepicker({
    format: 'mm/dd/yyyy',
    startDate: 'today',
    todayBtn: true,
    keyboardNavigation: false,
    forceParse: false,
    todayHighlight: true
});

到目前为止我已经尝试过

1)  $('.input-group.date').val($('.input-group.date').datepicker("getDate"));
This doesn't do anything.
2)  console.log ($('.input-group.date').datepicker("getDate"));
This returns: Sat Feb 08 2014 00:00:00 GMT-0800 (PST) instead of 02/08/2014

【问题讨论】:

    标签: jquery twitter-bootstrap twitter datepicker


    【解决方案1】:

    您第一次尝试没有做任何事情的原因是,因为 getDate 返回选定的日期。如果您在选择日期之前调用它,它将返回空。为了回答你的第二个问题,它应该是

    $('.input-group.date').datepicker('getDate').toLocaleDateString()
    

    你得到日期并解析它。更多信息请看这里:http://www.w3schools.com/jsref/jsref_obj_date.asp

    获取今天的日期并将其设置为 datepicker:

    var d = new Date(); $('.input-group.date').datepicker('setDate',d);

    【讨论】:

    • 谢谢。我尝试输入您的解决方案,但在控制台中得到了这个:Uncaught TypeError: Object [object Object] has no method 'toLocaleDateString'。开始日期是在初始化时设置的,所以我想我可以从那里得到。
    • 如果你复制粘贴它就是问题,因为我忘记添加 .到 input-group.date 将其选为类。我建议您提供一个 id 输入,以便轻松访问它。我编辑了答案
    • 啊,就是这样,我也更喜欢 ID。谢谢。您是否有办法在加载时使用用户日期填充输入文本值?
    • 宾果游戏就是这样!太感谢了!我现在感到很懒惰,因为我应该能够弄清楚这一点。你可以暗示,也许试试 setDate。无论如何,很高兴再次向前迈进。
    猜你喜欢
    • 1970-01-01
    • 2014-04-22
    • 2021-07-28
    • 1970-01-01
    • 1970-01-01
    • 2012-09-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多