2

私はjqueryとJavascriptの完全な（経験のないような）初心者であり、私がやりたいことは次のとおりです。

日付情報が格納されている article-object をテンプレートに渡します。でその情報にアクセスして表示できます{{ article.pubdate }}。defaultDatedatepickerのオプションを記事の日付に設定することはできますか?
どうすればそれについて行くでしょうか？

ご指摘ありがとうございます。

更新: についての詳細情報{{ article.pubdate }}:
これは日時オブジェクトです。文字列の表示形式は編集できるので、{{ article.pubdate|date:"Y-m-d"}}2013-07-27 のような日付になります。

更新 2 : 次のように記事の日付をページに表示します。

<div id="article-pubdate">
        {{ article.pubdate|date:"Y-m-d" }}
</div>

これにより、ページに表示される文字列として私が得られ2013-07-27ます。読み回した後、次のアプローチを試して、その文字列を日付ピッカーに取得しました。 

<script>
  $(function () {
      var a = $("#article-pubdate").text();
      var the_date = $.datepicker.parseDate("yy-mm-dd", a);
      $(".datepicker input").datepicker({
          dateFormat: "yy-mm-dd",
          changeMonth: true,
          changeYear: true,
          yearRange: '1990:2013',
          defaultDate: the_date,
      });
  });
</script>

しかし、これは機能しません。なぜですか？

更新2defaultDate ：私がそのように設定した場合：

<script>
  $(function() {
    $( ".datepicker input" ).datepicker({
         dateFormat: "yy-mm-dd",
         changeMonth: true,
         changeYear: true,
         yearRange:'1990:2013',
         defaultDate:"2001-01-01"
    });
  });
</script>

それは絶対にうまくいきます。日付情報を直接datepickerに渡す方法はありますか?

4

1 に答える 1

1

setDateを使用してデフォルトの日付を設定できます

日付オブジェクトを渡す必要があるため、日付ピッカーの初期化後にこれを使用する必要があります

$('#datepicker').datepicker(datepicker({
      dateFormat: "yy-mm-dd",
      changeMonth: true,
      changeYear: true,
      yearRange: '1990:2013',
  });

$('#datepicker').datepicker('setDate', new Date($("#article-pubdate").text().replace(/\-/g, ',')));
于 2013-07-27T15:46:09.390 に答える