web-dev-qa-db-ja.com

bootstrap datepicker今日はデフォルトとして

私はこれを使用しています 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/

デフォルトの日を「今日」にする簡単な解決策を探しています。

ありがとう

javascriptjqueryhtml5date
54
olo

これは動作するはずです：

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

自動クローズの場合（ fiddle ）：

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

jQuery> datepicker API

70
Nic

初期化後に設定

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

この例は機能しています。

34
Marc Rubiño

このコードを使用しました

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

上記のオプションのいずれも機能しない場合は、次を使用します。

$（ "。datepicker"）。datepicker（）;
$（ "。datepicker"）。datepicker（ "setDate"、new Date（））;

これは私のために働いた。

9
Huzaifa Saifuddin

私はこの小さな例を使用し、それが機能しました。

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

デモ： http://jsfiddle.net/m2fjw57b/1/

7
Bruno Ribeiro

現在の日付と基本設定を備えた完璧なピッカー

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

bootstrap日付ピッカーの場合

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

*新しい日付はjqueryのデフォルト関数で、カスタム日付を渡すことができます。設定しない場合、デフォルトで現在の日付が使用されます

4
amn

このリンクによると 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 });
2
brian

それは簡単です

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

        });
    });

今日はデフォルトとして設定されます

2
Ritesh

私にとってはうまくいきます...

$(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);

    });
0
Mani

この質問は、bootstrap日付選択に関するものです。しかし、上記の答えはすべてjqueryの日付ピッカーに関するものです。 Bootstrap datepickerの場合、input要素の値にデフォルトの日付を指定する必要があります。このような。

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