web-dev-qa-db-ja.com

Bootstrap datepicker-正しい形式の文字列として日付を取得する方法？

Bootstrap datepicker を使用しています。答えはおそらく明らかですが、選択した日付を指定された形式の文字列として取得する方法がわかりません。私が使用した：

<div id="myDate" data-date-format="yyyy-mm-dd">
  <input type="text">
</div>

そして私のjavascriptで：

var value = $("#myDate").datepicker("getDate");

ただし、yyyy-mm-dd形式の文字列ではなく、日付を返します。

twitter-bootstrapdatepickerbootstrap-datepicker
14
ccleve

data-date-format="mm/dd/yyyy"を入力に設定する必要があります。

<input type="text" data-date-format="MM/DD/YYYY">

JQueryも次のように変更する必要があります。

var value = $("#myDate input").datepicker("getDate");

または、divをラップせずに単純に保つことができます。これにより、元のjQueryが正常に機能し、inputを指定する必要がなくなります。

<input type="text" id="myDate" data-date-format="YYYY-MM-DD">

提案
datepickerをフォーマットするクラスを作成することをお勧めします。 .datepickerクラスを任意の入力フィールドに追加すると、別の変数を指定することなく機能します。

フィドル
ここに、日付のアラートを含む作業コードがあります http://jsfiddle.net/doitlikejustin/HFuDg/1/

18
doitlikejustin

値を文字列として使用する場合は、次を使用します。var value = $（ "＃myDate input"）。val（）;

メソッドgetDateはオブジェクトを返します

2
Plasebo
var value = $("#myDate").datepicker("getFormattedDate");
2
Alexander Fedotov