web-dev-qa-db-ja.com

Jquery DatePicker Setデフォルトの日付

DatePickerを使用して日付を選択する2つの日付フィールドがあります。

最初の日付フィールドでは、今日の日付をデフォルトの日付として使用します。
2番目の日付フィールドには、デフォルトの日付としてtoday + 15日が必要です

jQuery

$("[name=trainingStartFromDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true});
$("[name=trainingStartToDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true});

デフォルトの日付を設定するにはどうすればよいですか？

最初の日付でsetDate: new Date()を試しましたが、機能しません。

jqueryjquery-uijquery-ui-datepicker
25
maaz

今日の日付：

$( ".selector" ).datepicker( "setDate", new Date());
// Or on the init
$( ".selector" ).datepicker({ defaultDate: new Date() });

今日から15日：

$( ".selector" ).datepicker( "setDate", 15);
// Or on the init
$( ".selector" ).datepicker({ defaultDate: 15 });

jQuery ui docs

48
gdoron

日付ピッカーを作成して日付を設定するには。

$('.next_date').datepicker({ dateFormat: 'dd-mm-yy'}).datepicker("setDate", new Date());
25
Ajit Singh

defaultDate（） を使用します

フィールドが空白の場合、最初の開始時にハイライトする日付を設定します。 Dateオブジェクトを介して実際の日付を指定するか、現在の[[UI/Datepicker＃option-dateFormat | dateFormat]]の文字列として指定するか、今日からの日数（例：+7）または値と期間の文字列（ 「y」は年、「m」は月、「w」は週、「d」は日、例えば「+ 1m + 7d」）、または今日はnull。

これを試して

$("[name=trainingStartFromDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true,defaultDate: new Date()});
$("[name=trainingStartToDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true,defaultDate: +15});
8
bipen

今日の日付

$(document).ready(function() {
$('#textboxname').datepicker();
$('#textboxname').datepicker('setDate', 'today');});
7
Meena

まず、現在の日付を取得する必要があります

var currentDate = new Date();

次に、以下のようにdatepickerの引数に配置する必要があります

$("#datepicker").datepicker("setDate", currentDate);

次の jsfiddle を確認してください。

6
Haisum Usman
<script  type="text/javascript">
    $(document).ready(function () {
        $("#txtDate").datepicker({ dateFormat: 'yy/mm/dd' }).datepicker("setDate", "0");
        $("#txtDate2").datepicker({ dateFormat: 'yy/mm/dd',  }).datepicker("setDate", new Date().getDay+15); });                       </script>
3
jayesh dhameliya

ID = "mydate"で要素入力または日付ピッカーに現在の日付を表示するコード

Jquery-ui-*。jsへの参照を追加することを忘れないでください

    $(document).ready(function () {
        var dateNewFormat, onlyDate, today = new Date();

        dateNewFormat = today.getFullYear() + '-' + (today.getMonth() + 1);

        onlyDate = today.getDate();

        if (onlyDate.toString().length == 2) {
            dateNewFormat += '-' + onlyDate;
        }
        else {
            dateNewFormat += '-0' + onlyDate;
        }
        $('#mydate').val(dateNewFormat);
    });
0
Radha Anil K