twitter-bootstrap - Bootstrap datepicker - 如何以正确格式获取日期作为字符串？

Question

我正在使用Bootstrap datepicker。答案可能很明显，但我不知道如何将选定的日期作为指定格式的字符串获取。我用了：

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

在我的 javascript 中：

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

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

score 19 · Accepted Answer

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类添加到任何输入字段中，并且无需指定另一个变量即可工作。

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

score 11 · Accepted Answer

11

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

于 2018-08-09T22:30:24.967 回答

score 2 · Accepted Answer

如果要将值作为字符串使用： var value = $("#myDate input").val();

getDate 方法返回一个对象

score 1 · Accepted Answer

您可以使用：

$("#myDate").data('datepicker').getFormattedDate('yyyy-mm-dd');

即使您设置了不同的格式来为这样的用户显示数据，您也将拥有它的证明者格式

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

4 回答 4