更新时间:2023-01-01 17:13:14
你应该把它放在一个方法设置为 GET 的表单中,然后在日期更改时提交表单:
I must admit I'm hopeless on Javascript, PHP is more in my comfort zone.
I'm trying to use Bootstrap Datepicker for a booking system. I'm trying to find a way that when you click on a date it will reload the page and send the date to the URL.
Something like: http://example.com/test.php?date=2014-02-04
Any help would be greatly appreciated!
EDIT: Simplified code, pulls back the date but won't send to URL
<div>
<form action="test.php" method="GET">
<input type="text" placeholder="click to show datepicker" id="startDate">
</form>
<script>
$('#startDate').datepicker().on('changeDate', function() {
$(this).parent('form').submit();
});
</script>
</div>
<script type="text/javascript">
// When the document is ready
$(document).ready(function () {
$('#startDate').datepicker({
format: "dd/mm/yyyy"
});
});
</script>
You should just have it in a form with method set to GET, and then submit the form on date change:
<form action="test.php" method="GET">
<input id="date" name="date">
</form>
<script>
$('#date').datepicker().on('changeDate', function() {
$(this).parent('form').submit();
});
</script>