在jquery中获取datepicker的值答案

【问题标题】：Get the value of datepicker on change in jquery在jquery中获取datepicker的值
【发布时间】：2016-11-22 07:05:51
【问题描述】：

我需要在change 上获取datepicker 的值，但它返回的是undefined。

HTML：

<input  id="#return" name="start" class="date-pick form-control" value="" data-date-format="dd/mm/yyyy" type="text" />

JS：

$('input.date-pick').datepicker().on('changeDate', function (ev) {
      var firstDate = $('#return').val();
      alert(firstDate);
});

【问题讨论】：

你在 5 小时前问过same question...
这也是stackoverflow中的answer!!!

标签： javascript jquery datepicker

【解决方案1】：

您也可以使用常规活动change：

$('input.date-pick').datepicker().on('change', function (ev) {
   var firstDate = $(this).val();
   alert(firstDate);
});

希望这会有所帮助。

【讨论】：

【解决方案2】：

使用onSelect 事件，您可以在dateText 变量中获取选定值

$('.date-pick').datepicker({
    onSelect: function(dateText, inst) {
      alert(dateText);
    }
});

【讨论】：

@KirankumarDafda inst 参数是一个内部对象，用于捕获日期选择器的当前状态。通常你根本不需要使用它。回调内部

【解决方案3】：

您可以使用以下代码轻松完成：

 $(".date-pick").on('change', function(event) {
   event.preventDefault();
   alert(this.value);
  /* Act on the event */
  });

【讨论】：

【解决方案4】：

您的日期字段

<input id="thedate" type="text" class="date-pick"/>

如果你使用 bootstrap datepicker 然后添加这个脚本代码

$(function() {

  $('.date-pick').datepicker({
    dateFormat: 'dd-mm-yy',
    onSelect: function(dateText, inst) {
      alert(dateText);
    }
  });

});

这是小提琴

http://jsfiddle.net/s1L5pjpb/1/

【讨论】：

【解决方案5】：

您也可以直接从您的onchange 事件中获取值：

onChange="variable=$(this).val();"

【讨论】：