Bootstrap datepicker - 如何以正确的格式将日期作为字符串?

ccl*_*eve 14 datepicker twitter-bootstrap bootstrap-datepicker

我正在使用Bootstrap datepicker.答案可能很明显,但我无法弄清楚如何将所选日期作为指定格式的字符串.我用了:

<div id="myDate" data-date-format="yyyy-mm-dd">
  <input type="text">
</div>
Run Code Online (Sandbox Code Playgroud)

在我的JavaScript中:

var value = $("#myDate").datepicker("getDate");
Run Code Online (Sandbox Code Playgroud)

但它返回一个日期,而不是yyyy-mm-dd格式的字符串.

doi*_*tin 18

data-date-format="mm/dd/yyyy"需要在输入设置:

<input type="text" data-date-format="MM/DD/YYYY">
Run Code Online (Sandbox Code Playgroud)

您的jQuery也应该更改为:

var value = $("#myDate input").datepicker("getDate");
Run Code Online (Sandbox Code Playgroud)

或者你可以保持简单,没有包装div,这样你的原始jQuery可以正常工作,你不必指定input:

<input type="text" id="myDate" data-date-format="YYYY-MM-DD">
Run Code Online (Sandbox Code Playgroud)

建议
我建议创建一个类来格式化datepicker.这样您就可以将.datepicker类添加到任何输入字段,并且无需指定其他变量即可.

小提琴
这里是工作代码与日期的警报http://jsfiddle.net/doitlikejustin/HFuDg/1/

  • 我是个傻瓜.这工作:$("#myInputField").val(); (3认同)
  • @ccleve这是一个链接,显示结果http://jsfiddle.net/doitlikejustin/HFuDg/1/我也更新了我的答案 (2认同)

Ale*_*tov 10

var value = $("#myDate").datepicker("getFormattedDate");
Run Code Online (Sandbox Code Playgroud)