如何使用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文本,所以我用它的必要…可能会有人会使用它..