通过javascript或jquery从输入框中获取包含月-日期格式的值

Posted

技术标签:

【中文标题】通过javascript或jquery从输入框中获取包含月-日期格式的值【英文标题】:Fetch the value from input box contain month-date format by javascript or jquery 【发布时间】:2019-02-06 07:13:45 【问题描述】:

我想获取日期的值并希望增加 1 年并设置下一个日期的值。但是如果我输入文本,我会收到警报,如果我只是从 datepicker 中选择,我没有得到任何警告。

<style>
.datepicker-daysdisplay:none!important;
.datepicker-monthsdisplay:block!important;
.prevvisibility:hidden!important;
.nextvisibility:hidden!important;
</style>

<script>
$(document).ready(function()

$('.from').datepicker(
   minDate:new Date(),
    maxDate:'5yr',
    format: 'mm/yyyy'
)

$('#gMonth2').on("change", function () 
alert();
  //alert($(this).val());
);
  );

</script>

<div class="container-fluid" id="content">


<div class="form-group">

    <label>First check in:</label>
    <input type="text" class="form-control form-control-1 datepicker input-sm from" id="gMonth2"  placeholder="CheckIn" >
</div>
</div>

【问题讨论】:

jQuery - how to alter Datepicker settings after it has been initialized的可能重复 @mickmackusa 看到我在我的项目中使用了你的解决方案,但是如果我选择随机日期它不正确所以代码有一些问题所以我没有。 请编辑您的问题以显示您最近失败的编码尝试。 【参考方案1】:

你可以使用 datepicker 的 onSelect() 事件

$('.from').datepicker(
minDate:new Date(),
maxDate:'5yr',
format: 'mm/yyyy',
onSelect: function(dateText) 
   //Increase year by 1 & set to other field
   
);

【讨论】:

【参考方案2】:

我已尝试在 here 中重现您的代码,当我更改日期选择器上的日期时,我会收到从输入中获取的值的警报,您的代码似乎工作正常。

.

【讨论】:

链接失效。请检查。 @Majid Eltayeb 立即查看...抱歉

以上是关于通过javascript或jquery从输入框中获取包含月-日期格式的值的主要内容,如果未能解决你的问题,请参考以下文章

如何通过jquery在文本框中检查用户输入的小数分隔符

如何使用jquery禁用列表框中的多项选择?还是javascript?

如何使用 Jquery 使用户从确认框中的输入框中取消焦点?

如何从提示框中获取数值? [复制]

如何通过javascript或jquery将输入字段聚焦在Android浏览器上

jQuery post ajax函数[重复]