在輸入框中顯示選定的日期選擇器日期

-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

在輸入框中顯示選定的日期選擇器日期

回答

相關問題