设置日期选择器的值？

Question

我已经探索了大约 30 个线程，但我的问题仍未解决。

我有一个 JQuery 日期选择器：

<input id="datepicker" name="date" class="mydatepicker" onchange="isValidDate()"></input>

我只想编写一个 javascript 函数，在调用时完成此操作：

<script type="text/javascript">
document.getElementById("datepicker").value = 'certain date';
</script>

日期选择器与这些文件相关联：

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

Answer 1

您需要使用 datepicker 库的 setDate 函数。试试这个：

$('#datepicker').datepicker('setDate', new Date()); // = set to today

Answer 2

因为这是当您搜索如何在日期选择器中设置日期时弹出的第一个 post，这里是为所有来到这里试图弄清楚如何使用 vanilla JS 设置日期的人的答案：

const date = document.getElementById('datepicker');
date.value = new Date().toISOString().split('T')[0].slice(0, 10);

<input id="datepicker" name="date" class="mydatepicker" />

设置日期选择器的值？

Set value of datepicker?

javascript

jquery

datepicker

jquery-ui-datepicker