bootstrap datepicker今天默认为

时间:2013-03-15 01:59:16

标签: javascript jquery html5 date

我正在使用此bootstrap-datepicker作为我的日期选择器。我希望datepicker为开始日或默认日选择“今天”。 我无法弄清楚如何自动设置“今天”,所以我做了一个低效的方式

HTML:

<input type="text" value ="today();" id="datepicker"/>

JS:

 $('#datepicker').datepicker();
function today(){
    var d = new Date();
    var curr_date = d.getDate();
    var curr_month = d.getMonth() + 1;
    var curr_year = d.getFullYear();
    document.write(curr_date + "-" + curr_month + "-" + curr_year);
}

在线示例:http://jsfiddle.net/BXZk2/

只是寻找一个简单的解决方案,将默认日期定为“今天”。

由于

13 个答案:

答案 0 :(得分:70)

这应该有效:

$("#datepicker").datepicker("setDate", new Date());

对于autoclose(fiddle):

$('#datepicker').datepicker({
        "setDate": new Date(),
        "autoclose": true
});

jQuery > datepicker API

答案 1 :(得分:34)

在Init

之后设置
 $('#dp-ex-3').datepicker({ autoclose: true, language: 'es' });
$('#dp-ex-3').datepicker('update', new Date());

这个例子正在运作。

答案 2 :(得分:16)

我使用了这段代码

$('#datePicker').datepicker({
                    format:'mm/dd/yyyy',
                }).datepicker("setDate",'now');

答案 3 :(得分:9)

如果以上选项均无效,请使用以下命令:

  

$(&#34; .datepicker&#34)。日期选择器();
  $(&#34; .datepicker&#34;)。datepicker(&#34; setDate&#34;,new Date());

这对我有用。

答案 4 :(得分:7)

我用了一个小例子就可以了。

$('#date').datetimepicker({
    defaultDate: new Date()
});

演示:http://jsfiddle.net/m2fjw57b/1/

答案 5 :(得分:4)

用于引导日期选择器

$( ".classNmae" ).datepicker( "setDate", new Date());

* new Date是jquery默认函数,您可以在其中传递自定义日期和&amp;如果未设置,则默认采用当前日期

答案 6 :(得分:4)

  

具有当前日期和基本设置的完美选择器

        //Datepicker
        $('.datepicker').datepicker({
            autoclose: true,
            format: "yyyy-mm-dd",
            immediateUpdates: true,
            todayBtn: true,
            todayHighlight: true
        }).datepicker("setDate", "0");

答案 7 :(得分:2)

根据此链接Set default date of jquery datepicker,另一个解决方案是

var d = new Date();

var currDate = d.getDate();
var currMonth = d.getMonth();
var currYear = d.getFullYear();

var dateStr = currDate + "-" + currMonth + "-" + currYear;

$("#datepicker").datepicker(({dateFormat: "dd-mm-yy" autoclose: true, defaultDate: dateStr });

答案 8 :(得分:2)

简单

$(function() {
        $("#datePicker").datetimepicker({
            defaultDate:'now'

        });
    });

这将在今天设置为默认

答案 9 :(得分:2)

简单的说下一个。这对我有用。

$('.className').datepicker('setDate', 'now');

答案 10 :(得分:0)

此问题与引导日期选择器有关。但是以上所有答案都是针对jQuery日期选择器的。 对于Bootstrap日期选择器,您只需在输入元素的值中提供默认日期。这样。

<input class="form-control datepicker" value=" <?= date("Y-m-d") ?>">

答案 11 :(得分:0)

对我来说很好...

$(document).ready(function() {
        var date = new Date();
        var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());

        $('#datepicker1').datepicker({
            format: 'dd-mm-yyyy',
            orientation: 'bottom'
        });

        $('#datepicker1').datepicker('setDate', today);

    });

答案 12 :(得分:-4)

我更改了第1796行文件&#39; bootstrap-datetimepicker.js&#39;中的代码。它为我工作

enter image description here