web-dev-qa-db-ja.com

jqueryでdatepickerに初期値を設定しますか？

Jquery ui datepickerに初期値を設定しようとしています。私はいくつかの異なる方法を試しましたが、日付を表示するものは何もないようで、空です。

var idag = new Date();
$("#txtFrom").datepicker("setDate", idag - 2);
$("#txtTom").datepicker("setDate", idag);
$("#txtFrom").datepicker("refresh");
$("#txtTom").datepicker("refresh");
javascriptjqueryjquery-uidatepicker
41
kaze

この単純な 例 は私のために働く...

HTML

<input type="text" id="datepicker">

JavaScript

var $datepicker = $('#datepicker');
$datepicker.datepicker();
$datepicker.datepicker('setDate', new Date());

@マニュアル を見て、 setDate の説明を読むだけで、これを作成できました。

.datepicker（ "setDate"、date）
日付ピッカーの現在の日付を設定します。新しい日付は、Dateオブジェクトまたは現在の日付形式の文字列（例：'01/26/2009 '）、今日からの日数（例：+7）、または値と期間の文字列（' y 'の場合）年、月を表す「m」、週を表す「w」、日を表す「d」、たとえば「+ 1m + 7d」など）、または選択した日付をクリアする場合はnull。

81
Andreas Niedermair

HTMLで値を設定し、datepickerを初期化して実際の日付を開始/強調表示できます。

<input name="datefrom" type="text" class="datepicker" value="20-1-2011">
<input name="dateto" type="text" class="datepicker" value="01-01-2012">
<input name="dateto2" type="text" class="datepicker" >


$(".datepicker").each(function() {    
    $(this).datepicker('setDate', $(this).val());
});

上記はデンマークの日付形式でも動作します

http://jsfiddle.net/DDsBP/2/

13
Henrik Stenbæk

jQuery から：

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

コード例

DefaultDateオプションを指定して日付ピッカーを初期化します。

$(".selector").datepicker({ defaultDate: +7 });

Initの後、defaultDateオプションを取得または設定します。

//getter
var defaultDate = $(".selector").datepicker("option", "defaultDate");
//setter
$(".selector").datepicker("option", "defaultDate", +7);

日付ピッカーが初期化された後、次の方法で日付を設定することもできます。

$(/*selector*/).datepicker("setDate" , date)
4
jb10210

このコードを使用してください。

<script>
InitializeDate();
</script>




<input type="text" id="txtFromDate" class="datepicker calendar-icon" placeholder="From Date" style="width: 100px; margin-right: 10px; padding: 0px 0px 0px 7px;">
        <input type="text" id="txtToDate" class="datepicker calendar-icon" placeholder="To Date" style="width: 100px; margin-right: 10px; padding: 0px 0px 0px 7px;">


function InitializeDate() {
    var date = new Date();
    var dd = date.getDate();             
    var mm = date.getMonth() + 1;
    var yyyy = date.getFullYear();

    var ToDate = mm + '/' + dd + '/' + yyyy;
    var FromDate = mm + '/01/' + yyyy;
    $('#txtToDate').datepicker('setDate', ToDate);
    $('#txtFromDate').datepicker('setDate', FromDate);
}
2
Raviender Singh Bisht

setDateを使用します

.datepicker( "setDate" , date )

日付ピッカーの現在の日付を設定します。新しい日付は、Dateオブジェクトまたは現在の日付形式の文字列（例：'01/26/2009 '）、今日からの日数（例：+7）、または値と期間の文字列（' y 'の場合）年、月を表す「m」、週を表す「w」、日を表す「d」、たとえば「+ 1m + 7d」など）、または選択した日付をクリアする場合はnull。

2
Pranav

あなたの質問を理解したかどうかはわかりませんが、入力タイプの日付に値を設定しようとしているようです。

入力タイプ 'Date'の値を設定する場合は、「- yyyy-MM-dd "（注：月は大文字のMM、分は小文字のmm）。それ以外の場合は、値をクリアし、日付ピッカーを空のままにします。

「DateChanger」というボタンがあり、日付ピッカーを「22 Dec 2012」に設定するとします。クリックして。

<script>
    $(document).ready(function () {
        $('#DateChanger').click(function() {
             $('#dtFrom').val("2012-12-22");
        });
    });
</script>
<input type="date" id="dtFrom" name="dtFrom" />
<button id="DateChanger">Click</button>

JQueryリファレンスを含めることを忘れないでください。

1
E2rdo