如何在使用Bootstrap Datepicker时获取所选日期值？

Question

使用jquery和Bootstrap Datepicker,如何使用Bootstrap Datepicker获取我选择的新日期值？仅供参考,我正在使用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"

当用户单击旁边的"获取数据使用日期"按钮时,我将使用jQuery获取datepicker设置的新日期值,防止表单提交并使用该日期值运行ajax请求.除了获取正确的新日期值之外,所有ajax都运行良好.我尝试了以下两种情况并且它没有给我新的日期,它只返回我最初设置的默认值.

sd1 = $('#startdate').attr('value')
console.log sd1

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

我现在感觉真的很蠢,但我无法找到如何获取bootstrap datepicker设置的新日期值.

Answer 1

对于bootstrap datepicker,您可以使用:

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

Answer 2

你可以试试这个

$('#startdate').val()

要么

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

Answer 3

Bootstrap datepicker(bootstrap datepickcer搜索的第一个结果)有一个获取所选日期的方法.
http://bootstrap-datepicker.readthedocs.org/en/release/methods.html#getdate

getDate:
返回一个本地化的日期对象,表示选择中第一个datepicker的内部日期对象.
对于多日期选择器,返回选定的最新日期.

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

要么

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

Answer 4

一般来说,

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

是最好的,因为

$('#startdate').val()

如果你有一个"内联"的日期选择器,则无法正常工作