javascript - 如何将日期选择器值传递给 Controller ​​？

Question

我刚开始使用 Laravel 框架,, 我想在用户选择日期后传递日期选择器值

我尝试提供按钮来提交该值，但出现错误。 有人知道在没有按钮的情况下传递值吗？

这是我的 Blade :

<form id="myform" name="myform">
<input type="text" id="datepicker" name="datepicker" value="Date"/>
<input placeholder="Submit" type="button" id="submitMe" style="width: 
100px;"/>
//can i passing this value without button?
<script>
$('#datepicker').datepicker({
format : 'yyyy-mm-dd'
}); 
</script>
</form>

<script>
$("#submitMe").click(function() {
$.ajax({
type: 'POST',
url: "/index/getDate",
method: "POST",
dataType: "json",
data: $('#myform').serialize(),
success: function(data) {
console.log("Done");
}
});
return false;
})
</script>

这是我的路线:

Route::post('index/getDate', 'UserController@getDate')- 
>name('Usercontroller.getDate');

这是我的 Controller :

function getDate(Request $request){
$date = urldecode ($_GET['datepicker']);
echo "chosen date is: ".$date;
}

我尝试得到这样的输出:

非常感谢，如果有人想帮助我:))

Answer 1

在你的 Controller 中尝试一下:

function getDate(Request $request){
   $date = $request->datepicker;
   return "chosen date is: ".$date;
}

那么在你看来:

<input type="text" id="datepicker" name="datepicker" value="Date"/>
<label id="dateSelected"></label>

<script>
   $("#submitMe").click(function() {
       $.ajax({
          type: 'POST',
          url: "/index/getDate",
          method: "POST",
          data: $('#myform').serialize(),
          success: function(data) {
             console.log(data);
             $('#dateSelected').text(data);
          }
       });
       return false;
    })
</script>