3

私はこのプラグインを Bootstrap に使用しています。

ここで動作していますFIDDLE しかし、これが正しい方法であるかどうかわかりませんか? または、プラグインを介してそれを行う方法がある場合。しようとしましたが、うまくいきません。

HTML:

Date: <input type="text" name="" class="datepicker" />

Jクエリ:

var d = new Date();

var month = d.getMonth()+1;
var day = d.getDate();

var output =((''+month).length<2 ? '0' : '') + month +  '/' + ((''+day).length<2 ? '0' : '') + day + '/' + d.getFullYear();

$('.datepicker').datepicker();

$('.datepicker').val(output);

したがって、Jquery を使用して現在の日付を取得し、datepicker を起動して、入力値を現在の日付に設定します。

他のアイデアや提案をいただければ幸いです。

4

2 に答える 2

4

あなたの方法は良いです。

ただし、必要に応じて、次のように数文字減らすこともできます。

var d = new Date(),
    output = [
        ('0' + (d.getMonth() + 1)).substr(-2), 
        ('0' + d.getDate()).substr(-2), 
        d.getFullYear()
    ].join('/');

$('.datepicker').datepicker().val(output);

また、日付を扱う作業が増えている場合は、 date.jsやsugar.jsなどの日付ライブラリを確認することをお勧めします。次に、次のようにします。

$('.datepicker').val(new Date().toString('MM/dd/yyyy'));        // date.js
$('.datepicker').val(Date.create().format('{MM}/{dd}/{yyyy}')); // sugar.js
于 2013-07-31T09:21:13.823 に答える
3

Datepicker はデフォルトで現在の日付で初期化されます。(デモ)

手動で設定することもできます:

$("#datepicker").datepicker({defaultDate: new Date()}); //at initialization
$("#datepicker").datepicker("setDate",new Date());      //runtume

他の日付への設定も簡単です。

$("#datepicker").datepicker("setDate","14/12/2014");

自己定義形式:

$("#datepicker").datepicker({ dateFormat: "yy-m-d" });
$("#datepicker").datepicker("setDate","14-12-4");

そのフォーマットされた値を取得するには、次を使用します。

$("#datepicker").datepicker().val();

ドキュメントはこちら。

于 2014-07-02T10:28:53.400 に答える