在输入框中显示选定的日期选择器日期

-1

我有一个我总是想要显示的JQuery DatePicker，所以我已经将它分配给一个div。我希望它的行为如this示例中所示，其中所选日期出现在输入框中，但出于某种原因，它不会以这种方式为我工作。我能做些什么来让输入框中显示的值？我希望用户能够手动在框中输入日期，或者让他们从日期选择器中选择日期。迄今为止，这是我的代码的相关部分。在输入框中显示选定的日期选择器日期

<form class="form-horizontal" role="form" action="<?=$_SERVER['PHP_SELF']?>" method="post"> 
    <div class="form-group row"> 
     <input type="text" id="my-input"> 
     <div id="my-datepicker"></div> 
    </div> 
    <div class="form-group last"> 
     <input type="submit" name="submit_date" value="Show"/> 
    </div> 
</form> 

<script> 
    $("#my-datepicker").datepicker().on('changeDate', function (e) { 
     $("#my-input").val(e.format()); 
    }); 
</script>

此链接显示我的网页至今： https://gyazo.com/9ad02c1c1e2dbb832894f38107dc8bb9

来源

2017-07-30 optional_gun

我有 “” 日期选择器。你可以再详细一点吗？互联网上有几款日期选择器。所有需要不同的代码。你不能从一个日期选择器复制代码并在另一个日期选择器上使用它。 – icecub

难以让任何人知道为什么演示的作品和你的不除非如上所述，你正在使用不同的日期选择脚本 – charlietfl

啊，我很抱歉，我从来没有意识到，我认为这只是这个特定的名称。这是一个JQuery DatePicker，[this]（https://jqueryui.com/datepicker/）。 –

你想效仿的榜样是相当过时。新的语法如下：

$("#my-datepicker").datepicker({ 
    onSelect: function (event) { 
    $("#my-input").val($("#my-datepicker").val()); 
    } 
});

Codepen example

来源

2017-07-30 23:26:56

此前提出和回答在Listening to onChange on a jQuery datepicker?

工作实例here

$(function() { 
    $("#datepicker").datepicker({ 
     onSelect: function(e) { 
     console.log("Selected date: " + e + "; input's current value: " + this.value); 
     $("#my-input").val(e) 
     } 
    }); 
});

来源

2017-07-30 23:36:35

在输入框中显示选定的日期选择器日期

回答

相关问题