如何使用Bootstrap Datepicker获取选定的date值?

使用jquery和Bootstrap Datepicker,如何获取使用Bootstrap Datepickerselect的新date值? 仅供参考,我正在使用Rails 3和Coffescript。

我使用以下命令设置数据访问器:

<input id="startdate" class="span2 datepicker" type="text" value="" name="startdate" default="2013-05-21" data-date="2013-05-21" data-behavior="datepicker"> <%= submit_tag 'Get Data using date', :id => 'get_data' %> $(".datepicker").datepicker endDate: new Date format: "yyyy-mm-dd" autoclose: true minViewMode: 1 todayBtn: "linked" 

当用户点击它旁边的“获取数据使用date”button时,我将使用jQuery获取由datepicker设置的新date值,阻止表单提交并使用该date值运行ajax请求。 所有的Ajax运行良好,除了获得正确的新date值。 我尝试了以下两种方法,它不会给我新的date,它只会返回我最初设置的默认值。

 sd1 = $('#startdate').attr('value') console.log sd1 sd2 = $('#startdate').attr('data-date')) console.log sd2 

我现在感觉非常愚蠢,但我无法find如何获得由引导dateselect器设置的新date值。

你可以试试这个

 $('#startdate').val() 

要么

 $('#startdate').data('date') 

对于引导dateselect器,你可以使用:

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

引导dateselect器(从引导dateselect器search的第一个结果)有一个方法来获取选定的date。
http://bootstrap-datepicker.readthedocs.org/en/release/methods.html#getdate

GETDATE:
返回表示select中第一个dateselect器的内部date对象的本地化date对象。
对于多dateselect器,返回所选的最新date。

 $('.datepicker').datepicker("getDate") 

要么

 $('.datepicker').datepicker("getDate").valueOf() 

一般来说,

 $('#startdate').data('date') 

是最好的因为

 $('#startdate').val() 

如果你有一个dateselect器“内联”

这与我内联datepicker (和其他)

 $('#startdate').data('datepicker').date 

如果您已经有多个date已经突出显示,并且想要确定哪个date是最后一次点击,那么您将需要以下内容:

 $('#startdate').data('datepicker').viewDate 

viewDate返回一个JavaScriptdate对象,所以你需要相应地处理它。

尝试使用这样的HTML:

 var myDate = window.document.getElementById("startdate").value; 

我尝试了以上的答案,但他们没有为我做出努力。 因此,如user3475960提到的,我用$('#startdate').html()给了我的HTML文本,所以我用它的必要…可能会有人会使用它..